我有一个表列，我正在尝试展开和隐藏。当我按类而不是按元素名称选择jQuery时，jQuery似乎隐藏了＜td＞元素。
例如：
$(".bold").hide(); // Selecting by class works.
$("tcol1").hide(); // Selecting by name does not work.
注意下面的HTML。第二列对所有行具有相同的名称。如何使用name属性创建此集合？
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
<tr>
<td>data1</td>
<td name="tcol1" class="bold"> data2</td>
</tr>
当前回答
您可以通过以下方式使用jQuery中的name元素从输入字段中获取name值：
var firstname=jQuery（“#form1 input[name=firstname]”）.val（）//退货ABCDvar lastname=jQuery（“#form1 input[name=lastname]”）.val（）//返回XYZconsole.log（firstname）；console.log（姓氏）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form name=“form1”id=“form1“><input type=“text”name=“firstname”value=“ABCD”/><input-type=“text”name=“lastname”value=“XYZ”/></form>
其他回答
您可以通过以下方式使用jQuery中的name元素从输入字段中获取name值：
var firstname=jQuery（“#form1 input[name=firstname]”）.val（）//退货ABCDvar lastname=jQuery（“#form1 input[name=lastname]”）.val（）//返回XYZconsole.log（firstname）；console.log（姓氏）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form name=“form1”id=“form1“><input type=“text”name=“firstname”value=“ABCD”/><input-type=“text”name=“lastname”value=“XYZ”/></form>
就我个人而言，我过去所做的就是给他们一个通用的类id，并用它来选择他们。这可能并不理想，因为他们指定了一个可能不存在的类，但这让选择变得非常简单。只要确保你的类名是唯一的。
也就是说，对于上面的例子，我将按类别使用您的选择。最好还是将类名从粗体更改为“tcol1”，这样就不会在jQuery结果中意外包含任何内容。如果粗体确实引用了一个CSS类，您可以在class属性中同时指定这两个类，即“class=“tcol1 bold””。
总之，如果不能按名称进行选择，可以使用复杂的jQuery选择器并接受任何相关的性能命中，也可以使用Class选择器。
您可以始终通过包含表名来限制jQuery范围，即。$（'#tableID>.bold'）
这将限制jQuery搜索“世界”。
它仍然可以被归类为一个复杂的选择器，但它很快将任何搜索限制在ID为“#tableID”的表内，因此将处理保持在最低限度。
如果您要在#table1中查找多于1个元素，则另一种方法是单独查找该元素，然后将其传递给jQuery，因为这会限制范围，但每次查找都会节省一些处理时间。
var tbl = $('#tableID');
var boldElements = $('.bold',tbl);
var rows = $('tr',tbl);
if (rows.length) {
var row1 = rows[0];
var firstRowCells = $('td',row1);
}
您可以使用JQuery中的ID属性获取该元素，如下所示：
$("#tcol1").hide();
如果您有以下内容：
<input type="checkbox" name="mycheckbox" value="11" checked="">
<input type="checkbox" name="mycheckbox" value="12">
你可以这样读：
jQuery("input[name='mycheckbox']").each(function() {
console.log( this.value + ":" + this.checked );
});
代码段：
jQuery（“input[name='mycheckbox']”）.each（function（）{console.log（this.value+“：”+this.checked）；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><input type=“checkbox”name=“mycheckbox”value=“11”checked=“”><input type=“checkbox”name=“mycheckbox”value=“12”>
您可以使用任何属性作为带有[attribute_name=value]的选择器。
$('td[name=tcol1]').hide();
