如何使用jQuery按名称选择元素？
有一个我要扩展和隐藏的表列：
td当我按类而不是按元素的名称选择jQuery时，jQuery似乎隐藏了这些元素。
例如，为什么这样做：
$(".bold").hide(); // selecting by class works
$("tcol1").hide(); // select by element 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>
第337篇《如何使用jQuery按名称选择元素？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
您可以使用JQuery的ID属性来获取元素，如下所示：
$("#tcol1").hide();
您可以通过老式方式命名元素数组，并将该数组传递给jQuery。
function toggleByName() {
var arrChkBox = document.getElementsByName("chName");
$(arrChkBox).toggle();
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<title>sandBox</title>
</head>
<body>
<input type="radio" name="chName"/><br />
<input type="radio" name="chName"/><br />
<input type="radio" name="chName"/><br />
<input type="radio" name="chName"/><br />
<input type="button" onclick="toggleByName();" value="toggle"/>
</body>
</html>注意：唯一有理由使用“名称”属性的时间应该是用于复选框或单选输入。
或者，您可以将另一个类添加到元素中进行选择。（这就是我要做的）
function toggleByClass(bolShow) {
if (bolShow) {
$(".rowToToggle").show();
} else {
$(".rowToToggle").hide();
}
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<title>sandBox</title>
</head>
<body>
<table>
<tr>
<td>data1</td>
<td class="bold rowToToggle">data2</td>
</tr>
<tr>
<td>data1</td>
<td class="bold rowToToggle">data2</td>
</tr>
<tr>
<td>data1</td>
<td class="bold rowToToggle">data2</td>
</tr>
</table>
<input type="button" onclick="toggleByClass(true);" value="show"/>
<input type="button" onclick="toggleByClass(false);" value="hide"/>
</body>
</html>您可以使用jQuery中的name元素从输入字段中获取名称值，方法是：
var firstname = jQuery("#form1 input[name=firstname]").val(); //Returns ABCD
var lastname = jQuery("#form1 input[name=lastname]").val(); //Returns XYZ
console.log(firstname);
console.log(lastname);<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>相似问题
问题类别
您可以使用以下功能：