如何在具有特定类名的类中查找控件答案

【问题标题】：How to find controls inside a class with specific class name如何在具有特定类名的类中查找控件
【发布时间】：2019-01-29 14:29:23
【问题描述】：

大家好，我有一张如下表

function checkAll2(rowClass, status) {
  var dynamicClass = $('.' + rowClass);
  // alert($('.1').find(":checkbox").length);
  alert($('input:checkbox.1').length);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id="table1">
  <tr>
    <td>1a:</td>
    <td><input type="checkbox" name="selected" value="1a" class="1"></td>
  </tr>
  <tr>
    <td>1b:
    </td>
    <td><input type="checkbox" name="selected" value="1b" class="1"></td>
  </tr>
</table>

Select All/None above<input type="checkbox" onclick="checkAll2(1,this.checked)" />

但我需要的是我也想将它重用于不同的类，所以我将传递 rowClass 以便我的 input:checkbox 应该附加 rowClass 并给我计数或控件列表类

【问题讨论】：

$('input:checkbox.'+rowClass).length?
感谢它正在工作
一个更好的主意是使用 DOM 遍历来找到与父复选框相关的子复选框。这样 HTML 和 JS 在所有情况下都是相同的，您可以扩展/缩小 HTML 结构而无需进行任何进一步的更改。

标签： javascript html jquery css checkbox

【解决方案1】：

您应该以这种方式获取 .1 类的数量，使其“动态”

function checkAll2(rowClass, status) {
  var dynamicClass = $('.' + rowClass);
  console.log($('input:checkbox.'+rowClass).length);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<table id="table1">
  <tr>
    <td>1a:</td>
    <td><input type="checkbox" name="selected" value="1a" class="1"></td>
  </tr>
  <tr>
    <td>1b:
    </td>
    <td><input type="checkbox" name="selected" value="1b" class="1"></td>
  </tr>
</table>
Select All/None above<input type="checkbox" onclick="checkAll2(1,this.checked)" />

【讨论】：