更新带动态类的选择值的文本字段

我有一个有序的元素列表，每个元素都有一个以sets-或reps开头的动态生成的类。我想要更新具有生成的类的跨度文本，并使用与文本跨度具有相同类的选择值的值。
换句话说，当我从下拉列表中选择3时，我希望上面的跨度文本更改为3.
到目前为止，我已设法使用选项值更新跨度文本，但更新发生在所有<li>标签，因为我还没有匹配生成的类。我该如何检查span的类和我改变的select标签的类是否匹配？更新带动态类的选择值的文本字段

HTML：

<ol> 
<li> 
<h5 class="toggle"> 
<span class="sets174">1</span> x <span class="reps174">1</span><a href="http://localhost:8888/wordpress/test/" title="test">test 
</a> 
</h5> 

<div class="toggle-content" style="display: none;"> 
<p></p> 
sets: 
<select name="sets" class="sets174"><option>1</option><option>2</option><option>3</option> 
</select> 
reps: <select name="reps" class="reps174"><option>1</option><option>2</option><option>3</option></select></div></div> 
</li> 
<li>/*class=”sets374” etc*/</li> 
<ol>

JS：

var setsSpan = $('.toggle span[class*="sets"]'), 
     repsSpan = $('.toggle span[class*="reps"]'), 
     setsSelect = $('.toggle-content select[class*="sets"]'), 
     repsSelect = $('.toggle-content select[class*="reps"]'), 
     toggleContentClass = $('.toggle-content select').attr('class'); 
     var setsLength = setsSpan.length; 
     setsSpan.text(setsSelect.val()); 
     repsSpan.text(repsSelect.val()); 

     setsSelect.change(function() { 
    //if the class of this matches the class of a setsSpan element then do the next thing? 
      setsSpan.text($(this).val()); 
     }); 
     repsSelect.change(function() { 
      repsSpan.text($(this).val()); 
     });

小提琴：http://jsfiddle.net/AknoxA/WGh8d/4/

来源

2014-01-08 xxx12123

你为什么不去做这样的：

setsSelect.change(function() { 
    var spanClass = $(this).attr('class'); 
    $('span.'+spanClass).text($(this).val()); 
});

来源

2014-01-08 09:18:24 Exlord

更新带动态类的选择值的文本字段

回答

相关问题