没有儿童选择

Question

我有一些 html，其中一些标签没有任何子标签，我想识别它们并计算这些标签的数量。

我已尝试以下方法，但似乎不起作用：

var count = 0;
$("th[class=gridlabel]").each(function(){
if($("th[class=gridlabel]").children().length<1)
 {
count++;
 }
});
return count;
alert(count);

不确定这里出了什么问题。

---

我从 html 源代码中添加了一些额外的脚本，我想确保“count”只会计算前两个标签，即“answer 3”和“answer 4”，因为它们的标签没有子标签：

  <tr>
    <th class="gridlabel">answer 3</th>
    <td headers="q12_header1" class="gridcell"><input><div><span>answer 3</span><label>1</label></div></td>
    <td headers="q12_header2" class="gridcell"><input><div><label></label></div></td>
  </tr>
  <tr>
    <th class="gridlabel">answer 4</th>
    <td headers="q12_header1" class="gridcell"><input><div><span>answer 4</span><label>1</label></div></td>
    <td headers="q12_header2" class="gridcell"><input><div><label></label></div></td>
  </tr>
  <tr>
    <th class="gridlabel">other specify 1<input><label>other specify 1</label></th>
    <td><input><div><span>other specify 1</span><label>1</label></div></td>
    <td><input><div><label>2</label></div></td>
  </tr>

Answer 1

var count = $("th.gridlabel:empty").length;
return count;

更新

鉴于您提供的 HTML，如果您知道“非空”单元格将有一个输入子项，则可以使用类似的内容：

var count = $('th:not(:has(input))').length;

如果您想要更灵活一点但更长一点的内容，你可以这样做：

var count = 0;
$('th').each(function(){
    if($(this).children().length < 1)
    {
        count++;
    }
})

这样你就可以覆盖任何可能的子标签。这实际上取决于您的需要。

Answer 2

试试这个：

var count = 0;
$("th[class=gridlabel]").each(function(){
    if(this.children().length<1)
    {
        count++;
    }
});
return count;
alert(count);