jquery - 这与其他选择器

Question

我试图在每个 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);
    });
});

Answer 1

试试这个:

/* $(this).find('span').html($("input[@type=checkbox]:checked",this).length); */

新的更新代码:

$(this).find("h3 span").html($("input[@type=checkbox]:checked",this).length);

演示:

http://jsfiddle.net/ongisnade/VQutV/3/