blocks|key|1459407|text|这是我第一次回答自己的问题。在进行了更多的实验之后：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1459408|$("[id$="+%2B+endOfIdToMatch+%2B+"]").each(function+()+{
+++alert($(this).attr(tagName));
});|code-block|syntax|javascript|1459409|成功了！|1459410|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

First time I've answered my own question. After a little more experimentation:

<pre><code>$("[id$=" + endOfIdToMatch + "]").each(function () {
 alert($(this).attr(tagName));
});
</code></pre>

works!

blocks|key|1674472|text|只需多加一个jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1674473|$("[id$="+%2B+endOfIdToMatch+%2B+"]").each(function+()+{
++++alert(this.tagName);
});|code-block|syntax|javascript|1674474|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|$]]

Just one jQuery too much:

<pre><code>$("[id$=" + endOfIdToMatch + "]").each(function () {
 alert(this.tagName);
});
</code></pre>

blocks|key|1674561|text|tagName真是个不错的提示。我还建议使用tagName.toLowerCase()，因为返回值取决于文档类型(超文本标记语言或XML/XHTML)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1674562|请参阅：http://reference.sitepoint.com/javascript/Element/tagName|offset|length|1674563|entityMap|0|LINK|mutability|MUTABLE|url|http://reference.sitepoint.com/javascript/Element/tagName^0|0|4|1L|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

tagName what a nice tip. I would like to suggest also to use tagName.toLowerCase() since the value returned depends on the document type (HTML or XML/XHTML).

See: <a href="http://reference.sitepoint.com/javascript/Element/tagName" rel="nofollow noreferrer">http://reference.sitepoint.com/javascript/Element/tagName</a>

blocks|key|1674701|text|你也可以使用类似这样的东西：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1674702|if+($(this).is('input:checkbox'))|code-block|syntax|javascript|1674703|将"this“替换为所需的任何实例，将”checkbox“替换为所需的任何输入类型。|1674704|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

you could also use something like this:

<pre><code>if ($(this).is('input:checkbox'))
</code></pre>

replace "this" with whatever instance you need and 'checkbox' with whatever input type you need.

blocks|key|1459633|text|这是获取元素类型的最佳方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1459634|function+tgetelementType(+elmentid+)
{

++++var+TypeName+=+$('#'+%2B+elmentid).get(0).tagName;
++++var+TypeName2+=+$('#'+%2B+elmentid).get(0).type;


++++if($('#'+%2B+elmentid).get(0).tagName==+"INPUT")
++++{
+++++++return+$('#'+%2B+elmentid).get(0).type.toUpperCase()
++++}
++++else+
++++{
++++++++return+$('#'+%2B+elmentid).get(0).tagName.toUpperCase()+;+
++++}
}|code-block|syntax|javascript|1459635|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|$]]

This the best way to Get the element type

<pre><code>function tgetelementType( elmentid )
{

 var TypeName = $('#' + elmentid).get(0).tagName;
 var TypeName2 = $('#' + elmentid).get(0).type;


 if($('#' + elmentid).get(0).tagName== "INPUT")
 {
 return $('#' + elmentid).get(0).type.toUpperCase()
 }
 else 
 {
 return $('#' + elmentid).get(0).tagName.toUpperCase() ; 
 }
}
</code></pre>

blocks|key|1674825|text|在jquery+1.6中使用prop()|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1674826|示例|1674827|var+el+=+$('body');

if+(el.prop('tagName')+===+'BODY')+{
++++console.log('found+body')
}|code-block|syntax|javascript|1674828|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|$]]

in jquery 1.6 use prop()
<h3>Example</h3>
<pre><code>var el = $('body');

if (el.prop('tagName') === 'BODY') {
 console.log('found body')
}
</code></pre>

blocks|key|1674926|text|$("[id$="+%2B+endOfIdToMatch+%2B+"]").each(function(){
++++var+$this=jQuery(this),ri='';
++++switch+(this.tagName.toLowerCase()){
++++++++case+'label':
++++++++++++ri=$this.html();
++++++++++++break;
++++++++case+'input':
++++++++++++if($this.attr('type')==='text'){ri=$this.val();}
++++++++++++break;
++++++++default:
++++++++++++break;
++++}
++++return+ri;
})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1674927|问题是，在确定了标记名称之后，您打算做什么？您可以使用一个附加的选择器结合.end()来实现同样的功能，从而轻松地过滤jquery列表：|unstyled|1674928|$("[id$="+%2B+endOfIdToMatch+%2B+"]")
++++.find("input:text")
++++.each(function(){
+++++++++/*+do+something+with+all+input:text+elements+*/
++++})
++++.end()
++++.find("label")
++++.each(function(){
++++++++/*+do+something+with+label+elements+*/
++++})
++++.end()|1674929|如果您需要像上面的例子一样使用这个特定的elements...just集合做更多的事情，那么仍然可以将其链接起来。|1674930|在任何一种情况下，您都必须在each()语句内对值进行一些处理|offset|length|style|CODE|1674931|entityMap^0|0|0|0|0|E|6|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|F|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<pre><code>$("[id$=" + endOfIdToMatch + "]").each(function(){
 var $this=jQuery(this),ri='';
 switch (this.tagName.toLowerCase()){
 case 'label':
 ri=$this.html();
 break;
 case 'input':
 if($this.attr('type')==='text'){ri=$this.val();}
 break;
 default:
 break;
 }
 return ri;
})
</code></pre>

The question is, what do you intend to do after you've determined the tag name? You could just as easily filter the jquery list using an additional selector combined with .end() to do the same thing:

<pre><code>$("[id$=" + endOfIdToMatch + "]")
 .find("input:text")
 .each(function(){
 /* do something with all input:text elements */
 })
 .end()
 .find("label")
 .each(function(){
 /* do something with label elements */
 })
 .end()
</code></pre>

This could still be chained if you needed to do further things with this particular collection of elements...just like the example above.

In either case, you'd have to do something with the values while inside the <code>each()</code> statements

blocks|key|1675064|text|另一种可以说更优雅的解决方案是为每种元素类型编写两个单独的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1675065|$("input#"+%2B+id).each(function()+{+alert(this+%2B+"+is+an+input");+});
$("label#"+%2B+id).each(function()+{+alert(this+%2B+"+is+a+label");+});|code-block|syntax|javascript|1675066|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|$]]

Yet another solution, arguably more elegant, is to write two separate functions for each element type:

<pre><code>$("input#" + id).each(function() { alert(this + " is an input"); });
$("label#" + id).each(function() { alert(this + " is a label"); });
</code></pre>

I'm matching ASP.Net generated elements by ID name, but I have some elements which may render as text boxes or labels depending on the page context. I need to figure out whether the match is to a textbox or label in order to know whether to get the contents by val() or by html().

<pre><code>$("[id$=" + endOfIdToMatch + "]").each(function () {
 //determine whether $(this) is a textbox or label
 //do stuff
});
</code></pre>

I found a solution that doesn't work, it just returns "undefined":

<pre><code>$("[id$=" + endOfIdToMatch + "]").each(function () {
 alert($(this).tagName);
});
</code></pre>

What am I missing?

How can I determine the element type of a matched element in jQuery?

jQuery

我通过ID名称匹配ASP.Net生成的元素，但我有一些元素可以呈现为文本框或标签，这取决于页面上下文。为了知道是通过val()还是通过html()获取内容，我需要确定匹配的是文本框还是标签。$("[id$=" + endOfIdToMatch + "]").each(function () {    //determi...

问如何确定jQuery中匹配元素的元素类型？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何确定jQuery中匹配元素的元素类型？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何确定jQuery中匹配元素的元素类型？
EN