Need to get TAG name by element name using Jquery
本问题已经有最佳答案,请猛点这里访问。
我有一组HTML元素,并为所有输入/选择/文本区域命名这些元素。无论如何,每个元素的名称都是唯一的。
现在,我需要按元素名获取HTML标记(input/select/textarea)。
对于EX:
1 | <input type="text" name="sample" /> |
我需要使用元素名'sample'获取'input'标记。
我不想在jquery中提到选择器部分的标记名。我只有唯一的名字来找到标签。
请帮忙。
事先谢谢。!
在jquery中,您可以这样做:
1 | $("[attr='name']") |
。
这将选择所需的元素。
如果要在本机JS中执行此操作,请执行以下操作:
1 | var x = document.getElementsByName("attribute name"); |
这将返回一个数组,在您的例子中,您将只有一个元素,所以您需要的元素将是x[0]。
你可以使用
1 | console.log(document.querySelector('[name=sample]').tagName); |
。
1 | <input type="text" name="sample" /> |
您应该能够用标记名和这样的名称属性来选择它们:
1 | $('input[name="sample"]').val('Lorem Ipsum'); |
号
1 2 3 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <input type="text" name="sample" /> |
使用
1 | document.querySelector('[name="sample"]').tagName.toLowerCase(); |
Codepen demo
号
使用此:
1 | $('input[name="name_of_element"]') |
。
选择、文本区域等也一样。