0

ユーザーがラジオからチェックした値を追加し、対応するヘッダーを持つクラス 'user-set' のスパンに表示しようとしています。問題は、値を表示するときに、「ユーザー セット」を持つスパン クラスを持つすべてのヘッダーに表示されることです。

例を次に示します: http://jsfiddle.net/fPWY3/

<div class='accordion'>
  <div class='heading'>
     <img src=''> heading <span class='f12'>info</span> <span class='user-set'></span>
  </div>
  <div class='items'>
     <input type='radio' class='next' name='theName' id='theName1'><label for='theName1'>thisIsMyValue 1</label>
  </div>
  <div class='items'>
     <input type='radio' class='next' name='theName' id='theName2'><label for='theName2'>thisIsMyValue 2</label>
  </div>

  <div class='heading'>
     <img src=''> heading 2<span class='f12'>info</span> <span class='user-set'></span>
  </div>
  <div class='items'>
     <input type='radio' class='next' name='theName2' id='theName3'><label for='theName3'>thisIsMyValue 3</label>
  </div>
  <div class='items'>
     <input type='radio' class='next' name='theName2' id='theName4'><label for='theName4'>thisIsMyValue 4</label>
  </div>
</div>

「thisIsMyValue 3」をクリックすると、見出し 2 のみからユーザーが設定したクラスのスパンに値が表示されるようにするにはどうすればよいですか?

4

1 に答える 1

2

とを使用.prevAll()し.first()ます。

$(this).parent().prevAll('.heading').first().find('.user-set').text(val);

ここにjsfiddleがあります。http://jsfiddle.net/fPWY3/2/

于 2013-02-22T05:53:11.347 に答える