获取<input>的属性名称值

如何使用jQuery获取input标签的属性名称值。 请帮忙。

<input name='xxxxx' value=1> 

给你的input一个ID并使用attr方法:

 var name = $("#id").attr("name"); 

像这样使用jQuery的attr方法:

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

请注意,您也可以使用attr通过指定第二个参数来设置属性值:

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

虽然不能否认jQuery是一个强大的工具,但是使用它作为“获取元素的属性值”这样一个简单的操作是一个非常糟糕的主意。

根据目前接受的答案来判断,我将假设你能够为你的元素添加一个ID属性并使用它来select它。

考虑到这一点,这里有两段代码。 首先,在接受的答案中给你的代码:

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

其次,它的Vanilla JS版本:

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

我的结果:

  • jQuery:300k操作/秒
  • JavaScript:每秒11,000k次操作

你可以在这里testing一下。 “纯JavaScript”vesion比jQuery版本快35倍以上。

现在,这只是一个操作,随着时间的推移,你将会有越来越多的东西在你的代码中进行。 也许对于特别先进的东西来说,最佳的“纯JavaScript”解决scheme将需要一秒的时间来运行。 jQuery版本可能需要30秒钟的时间! 太棒了! 人们不会为此而坐。 即使浏览器会感到无聊,并提供您select杀死网页太久!

正如我所说,jQuery是一个强大的工具,但它不应该被认为是一切的答案 。

您需要编写一个select器,首先select正确的<input> 。 理想情况下,你使用元素的ID $('#element_id') ,不能识别它的容器$('#container_id input')或者元素的类$('input.class_name')

你的元素没有这些,没有上下文,所以很难告诉你如何select它。

一旦你find了合适的select器,你可以使用attr方法来访问元素的属性。 要得到名字,你需要使用$(selector).attr('name') ,这将返回(在你的例子中) 'xxxxx'

 var value_input = $("input[name*='xxxx']").val(); 

更好的方法是使用'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 /> 
 var theName; theName = $("input selector goes here").attr("name"); 

对于下面的行,最初面临的问题是给出单个的代码,“currnetRowAppName”的值没有用string占用空间。 那么,在给出单个代码后, '"+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) 

这工作正常。