需要使用Jquery

时间:2018-02-02 14:12:23

标签: javascript jquery html css

我有一些html元素,我为所有input / select / textarea命名了那些元素。无论如何,每个元素的名称都是唯一的。

现在我需要按元素名称获取Html标签(输入/选择/文本区域)。

对于EX:

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

我需要输入&#39;输入&#39;使用元素名称标记&#39;示例&#39;。

我不想在jquery中的选择器部分提及TAG名称。我只有唯一的名字才能找到TAG。

请帮助解决这个问题。

提前致谢。

5 个答案:

答案 0 :(得分:1)

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

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

Codepen demo

答案 1 :(得分:1)

您应该可以使用标记名称选择它们,然后选择名称属性,如下所示:$('input[name="sample"]')

&#13;
&#13;
$('input[name="sample"]').val('Lorem Ipsum');
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="sample" />
&#13;
&#13;
&#13;

答案 2 :(得分:1)

您可以使用.tagName

&#13;
&#13;
console.log(document.querySelector('[name=sample]').tagName);
&#13;
<input type="text" name="sample" />
&#13;
&#13;
&#13;

答案 3 :(得分:1)

在jquery中你可以这样做:

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

这将选择您想要的元素。

如果你想在原生的js中这样做,你会这样做:

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

这会返回一个数组,在你的情况下,你只有一个元素,所以你需要的元素是x [0]。

答案 4 :(得分:0)

使用此:

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

与select,textarea等相同。