需要使用 Jquery 按元素名称获取 TAG 名称

Question

我有一组html元素，我为所有输入/选择/文本区域命名了这些元素。无论如何，每个元素的名称都是唯一的。

现在我需要通过元素名称获取 Html TAG(输入/选择/文本区域(。

对于EX：

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

我需要使用元素名称"样本"来获取"输入"标签。

我不想在jquery中选择器部分提及标签名称。我只有唯一的名称来查找 TAG。

请帮忙。

提前感谢。！

Answer 1

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

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

代码笔演示

Answer 2

您应该能够使用标签名称选择它们，然后选择 name 属性，如下所示：$('input[name="sample"]')

$('input[name="sample"]').val('Lorem Ipsum');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="sample" />

Answer 3

您可以使用.tagName

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

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

Answer 4

在 jquery 中，你可以这样做：

$("[attr='name']") 

这将选择所需的元素。

如果你想在原生js中做到这一点，你会这样做：

var x = document.getElementsByName("attribute name");

这将返回一个数组，在您的情况下，您只需要一个元素，因此您需要的元素将是 x[0]。

Answer 5

使用这个：

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

选择、文本区域等也是如此。