Jquery 获取<；的属性名称值；输入>；

如何使用jQuery获取输入标记的属性名称值。请帮忙

<input name='xxxxx' value=1>

---

为您的输入提供一个ID并使用以下方法：

使用jQuery的方法如下：

alert($('input').attr('name'));

请注意，还可以使用

attr

通过指定第二个参数来设置属性值：

$('input').attr('name', 'new_name')

---

您需要编写一个选择器，首先选择正确的

。理想情况下，您可以使用元素的ID

$（“#元素ID”）

，否则，它的容器ID

$（“#容器ID输入”）

，或者元素的类

$（“input.class\u name”）

您的元素没有这些元素，也没有上下文，因此很难告诉您如何选择它

---

一旦找到了合适的选择器，就可以使用该方法访问元素的属性。要获取名称，您可以使用

$（selector）.attr（'name'）

，它将返回（在您的示例中）

'xxxxx'

更好的方法是使用“this”，它接受“id”的任何名称并使用它。只要添加名为“mytarget”的类名

每当目标字段发生更改时，它都会显示一个带有该字段名称的警报框。只需剪切并通过整个脚本即可工作

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
 $('.mytarget').change(function() {
var name1 = $(this).attr("name");
alert(name1);
 });
});
</script>

Name: <input type="text" name="myname" id="myname" class="mytarget"><br />
Age: <input type="text" name="myage" id="myage" class="mytarget"><br />

$（文档）.ready（函数（）{
$（'.mytarget'）.change（函数（）{
var name1=$（this.attr（“name”）；
警报（名称1）；
});
});
名称：

年龄：

不可否认，jQuery是一个功能强大的工具，但将其用于“获取元素的属性值”这样的琐碎操作是一个非常糟糕的主意

根据当前接受的答案判断，我将假设您能够向元素添加一个ID属性，并使用它来选择它

考虑到这一点，这里有两段代码。首先，接受答案中给出的代码：

$("#ID").attr("name");

第二，它的版本：

document.getElementById('ID').getAttribute("name");

我的结果：

• jQuery:300k操作/秒
• JavaScript:11000次操作/秒

你可以自己测试。“纯JavaScript”版本比jQuery版本快35倍以上

现在，这只是一个操作，随着时间的推移，代码中会有越来越多的内容。也许对于某些特别高级的东西，最佳的“纯JavaScript”解决方案需要一秒钟才能运行。jQuery版本可能需要30秒到一整分钟！太大了！人们不会为此而坐在那里。即使是浏览器也会感到无聊，并为你提供了一个选择，因为它花费的时间太长，你可以杀死网页

---

正如我所说，jQuery是一个功能强大的工具，但不应该考虑它。

对于下面的一行，最初面临的问题是给出单个代码，即“currnetRowAppName”值没有占用字符串的空间。因此，在给出单个代码

“+row.applicationName+”

之后，它也占用了空间

示例：

<button class='btn btn-primary btn-xs appDelete' type='button' currnetRowAppName='"+row.applicationName+"' id="+row.id+ >

var viewAppNAME = $(this).attr("currnetRowAppName");
alert(viewAppNAME)

---

使用值获取输入名称

 $('input[value="1"]').attr('name');

使用id获取输入名称

 $('input[class="id"]').attr('name');
   $('#id').attr('name');

 $('input[value="classname"]').attr('name');
   $('.classname').attr('name');  //if classname have unique value

使用类获取输入名称

 $('input[class="id"]').attr('name');
   $('#id').attr('name');

 $('input[value="classname"]').attr('name');
   $('.classname').attr('name');  //if classname have unique value

如果您处理的是单个元素，最好使用GenericTypeTea答案中所述的
id
选择器，并获得类似
$（“#id”）.attr（“name”）的名称

但如果您想，就像我发现这个问题时所做的那样，一个包含特定类的所有输入名称的列表（在我的示例中，是一个包含所有未选中复选框名称的列表，带有
.selectable checkbox
类），您可以执行以下操作：

var listOfUnchecked = $('.selectable-checkbox:unchecked').toArray().map(x=>x.name);

或

将类传递给输入标记，并使用类访问名称值

<input class="test-class" name='xxxxx' value=1>

<script>
    $('.test-class').attr('name');
</script>


$（'.test class'）.attr（'name'）；

或者也可以使用id访问该值

<input id="test-id" name='xxxxx' value=1>

<script>
    $('#test-id').attr('name');
</script>


$（'#测试id'）.attr（'name'）；
这篇文章被自动标记为低质量，因为它太短/只包含代码。你介意通过添加一些文本来扩展它来解释它是如何解决问题的吗？它实际上并不能解决问题。OP想要得到name值；这假设您已经知道了。这并没有得到'name'attributenice answer的值，我交叉检查了javascript，所以javascript比jquery快，对吗？您在问题提出4年后回答了这个问题，但没有回答这个问题。这个人问如何在jQuery中实现它。这取决于程序员是否使用jQuery或Vanilla JS，这超出了问题Vanilla JS！？？开玩笑的，我花了半个小时研究什么是黑客香草JS。也许开发者不知道。我知道像jQuery这样的框架会导致一些开销。但我没想到在使用jQuery时会在因子35中减慢如此简单的任务的速度。。。
<input class="test-class" name='xxxxx' value=1>

<script>
    $('.test-class').attr('name');
</script>

<input id="test-id" name='xxxxx' value=1>

<script>
    $('#test-id').attr('name');
</script>