关于javascript:需要使用Jquery按元素名称获取TAG名称

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]。


你可以使用.tagName

1
console.log(document.querySelector('[name=sample]').tagName);

1
<input type="text" name="sample" />


您应该能够用标记名和这样的名称属性来选择它们:$('input[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" />


使用querySelector()检索元素,使用tagName检索标记名

1
document.querySelector('[name="sample"]').tagName.toLowerCase();

Codepen demo


使用此:

1
$('input[name="name_of_element"]')

选择、文本区域等也一样。