这与其他选择器答案

【问题标题】：This with other selector这与其他选择器
【发布时间】：2012-08-10 08:43:14
【问题描述】：

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

【问题讨论】：

标签： jquery html this

【解决方案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/

【讨论】：

jsfiddle.net上有没有demo让我更清楚的知道错误。