blocks|key|1436637|text|$(this).attr("id",+"rnd"+%2B+$(this).attr("tag")+%2B+"_"+%2B+i.toString());|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1436638|应该是|unstyled|1436639|$(this).attr("id",+"rnd"+%2B+this.nodeName.toLowerCase()+%2B+"_"+%2B+i.toString());|1436640|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>$(this).attr("id", "rnd" + $(this).attr("tag") + "_" + i.toString());
</code></pre>

should be

<pre><code>$(this).attr("id", "rnd" + this.nodeName.toLowerCase() + "_" + i.toString());
</code></pre>

blocks|key|1436676|text|你可以试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1436677|if($(this).is('h1')){
++doStuff();
}|code-block|syntax|javascript|1436678|有关is()的更多信息，请参阅docs。|offset|length|1436679|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Traversing/is#expr^0|0|0|F|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You could try this:

<pre><code>if($(this).is('h1')){
 doStuff();
}
</code></pre>

See the <a href="http://docs.jquery.com/Traversing/is#expr" rel="noreferrer">docs</a> for more on is().

blocks|key|1221730|text|是。您可以使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1221731|this.tagName|code-block|syntax|javascript|1221732|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Yes. You could use the below code:

<pre><code>this.tagName
</code></pre>

blocks|key|1221789|text|因为我以前遇到过这个问题，但它对我的情况没有帮助(我没有this，而是有一个jQuery选择器实例)。调用get()将获得HTML元素，通过该元素可以获得上面提到的nodeName。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1221790|this.nodeName;+//+In+a+event+handler,+'this'+is+usually+the+element+the+event+is+called+on|code-block|syntax|javascript|1221791|或|1221792|$('.hello:first-child').get(0).nodeName;+//+Use+'get'+or+simply+access+the+jQuery+Object+like+an+array
$('.hello:first-child')[0].nodeName;+++++//+will+get+you+the+original+DOM+element+object|1221793|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/get|1|http://www.quirksmode.org/dom/w3c_core.html#t20^0|S|4|1H|5|2A|8|1H|5|0|2A|8|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]|$9|18|A|19|1|1A]]|E|$]]|$1|F|3|G|5|H|7|1B|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1C|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

Since I've hit this question once before and it didn't help me in my case (I didn't have a <code>this</code>, but instead had a jQuery selector instance). Calling <a href="http://api.jquery.com/get" rel="noreferrer"><code>get()</code></a> will get you the HTML element, by which you can get the <a href="http://www.quirksmode.org/dom/w3c_core.html#t20" rel="noreferrer"><code>nodeName</code></a> as mentioned above.

<pre><code>this.nodeName; // In a event handler, 'this' is usually the element the event is called on
</code></pre>

or

<pre><code>$('.hello:first-child').get(0).nodeName; // Use 'get' or simply access the jQuery Object like an array
$('.hello:first-child')[0].nodeName; // will get you the original DOM element object
</code></pre>

blocks|key|1221850|text|如果你使用的是jQuery+1.6或更高版本，你也可以使用$(this).prop('tagName');。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1221851|entityMap^0|T|O|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You could also use
<code>$(this).prop('tagName');</code> if you're using jQuery 1.6 or higher.

blocks|key|1221934|text|我认为不能在jQuery中使用nodeName，因为nodeName是一个DOM属性，而jQuery本身既没有nodeName函数也没有属性。但根据最先提到nodeName的受访者，我是如何解决这个问题的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1221935|this.attr("id",+"rnd"+%2B+this.attr("nodeName")+%2B+"_"+%2B+i.toString());|code-block|syntax|javascript|1221936|注意:这里的this是一个jQuery对象。|1221937|entityMap^0|F|8|1J|8|26|8|0|0|6|4|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

I think you cannot use the <code>nodeName</code> in jQuery since nodeName is a DOM property and jQuery itself do not have a either a <code>nodeName</code> function or property. But based on the respondent who first mentioned about this <code>nodeName</code> stuff, this is how I was able to resolve the problem:

<pre><code>this.attr("id", "rnd" + this.attr("nodeName") + "_" + i.toString());
</code></pre>

NOTE: <code>this</code> here is a jQuery object.

blocks|key|1436916|text|你可以在整个页面上获取html元素的标签名称。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1436917|您可以使用：|1436918|++++++++$('body').contents().on("click",function+()+{
++++++++++var+string+=+this.tagName;
++++++++++alert(string);
+++++++++});|code-block|syntax|javascript|1436919|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can get html element tag name on whole page.

You could use:

<pre><code> $('body').contents().on("click",function () {
 var string = this.tagName;
 alert(string);
 });
</code></pre>

blocks|key|1222000|text|you+can+try:
jQuery(this).get(0).tagName;
or
jQuery(this).get(0).nodeName;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1222001|注意:将其替换为您的选择器(h1、h3或...)|unstyled|1222002|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>you can try:
jQuery(this).get(0).tagName;
or
jQuery(this).get(0).nodeName;
</code></pre>

note:
replace this with your selector (h1, h3 or ...)

blocks|key|1437007|text|解决问题的最好方法是用this.nodeName.toLowerCase()或this.tagName.toLowerCase()替换$(this).attr("tag")。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1437008|两者产生完全相同的结果！|1437009|entityMap^0|B|R|13|Q|1V|J|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

The best way to fix your problem, is to replace <code>$(this).attr("tag")</code> with either <code>this.nodeName.toLowerCase()</code> or <code>this.tagName.toLowerCase()</code>.

Both produce the exact same result!

blocks|key|1437041|text|取而代之的是简单地这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1437042|$(function()+{
++$(".rnd").each(function(i)+{
++++var+id+=+$(this).attr("id");
++++if+(id+===+undefined+%7C%7C+id.length+===+0)+{
++++++//+this+is+the+line+that's+giving+me+problems.
++++++//+.attr("tag")+returns+undefined
++++++//+change+the+below+line...
++++++$(this).attr("id",+"rnd"+%2B+this.tagName.toLowerCase()+%2B+"_"+%2B+i.toString());+
++});
});|code-block|syntax|javascript|1437043|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Instead simply do:

<pre><code>$(function() {
 $(".rnd").each(function(i) {
 var id = $(this).attr("id");
 if (id === undefined || id.length === 0) {
 // this is the line that's giving me problems.
 // .attr("tag") returns undefined
 // change the below line...
 $(this).attr("id", "rnd" + this.tagName.toLowerCase() + "_" + i.toString()); 
 });
});
</code></pre>

I've got several elements on a HTML page which have the same class - but they're different element types. I want to find out the tag name of the element as I loop over them - but .attr doesn't take "tag" or "tagname".

Here's what I mean. Consider these elements on a page:

<pre><code>&lt;h1 class="rnd"&gt;First&lt;/h1&gt;
&lt;h2 id="foo" class="rnd"&gt;Second&lt;/h2&gt;
&lt;h3 class="rnd"&gt;Third&lt;/h3&gt;
&lt;h4 id="bar" class="rnd"&gt;Fourth&lt;/h4&gt;
</code></pre>

Now I want to run something like this to ensure that my elements all have an id if one wasn't already defined:

<pre><code>$(function() {
 $(".rnd").each(function(i) {
 var id = $(this).attr("id");
 if (id === undefined || id.length === 0) {
 // this is the line that's giving me problems.
 // .attr("tag") returns undefined
 $(this).attr("id", "rnd" + $(this).attr("tag") + "_" + i.toString());
 }
 });
});
</code></pre>

The result I would like would be that the H2 and H4 elements would then have an id of

<pre><code>rndh2_1
rndh4_3
</code></pre>

respectively.

Any ideas on how I can discover the tag name of the element represented by "this"?

Can jQuery provide the tag name?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在一个HTML页面上有几个元素，它们具有相同的类-但它们是不同的元素类型。我想在遍历元素时找出元素的标记名--但是.attr不接受" tag“或"tagname”。这就是我的意思。考虑页面上的这些元素：<h1 class="rnd">First</h1><h2 id="foo" class="rnd">Second<...

问jQuery能提供标记名吗？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery能提供标记名吗？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery能提供标记名吗？
EN