我正在尝试在每个div中显示所选复选框的数量,但不知道如何选择span
。
此$("input[@type=checkbox]:checked",this).length
工作正常,我已将其设置为警告且数字正确,但我不知道如何为每个div选择#skills div h3 span
。
HTML
<td id="skills" colspan="2">
<div id="skills_0">
<h3>IT<span></span></h3>
<input type="checkbox" name=".." id=".." val=".." /> <label for="..">..</label>
...<!-- more inputs -->
</div>
...<!-- more divs -->
</td>
jQuery的:
$(document).ready( function () {
$('#skills div').each( function () {
$("h3 span",this).html($("input[@type=checkbox]:checked",this).length);
});
});
答案 0 :(得分:1)
试试这个:
/* $(this).find('span').html($("input[@type=checkbox]:checked",this).length); */
新的更新代码:
$(this).find("h3 span").html($("input[@type=checkbox]:checked",this).length);
演示: