获取<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)
这工作正常。