blocks|key|3764715|text|您可以使用is()方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3764716|if($(this).is("p")){
+//+...
}|code-block|syntax|javascript|3764717|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Is^0|5|4|5|4|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>You can use the <a href="http://docs.jquery.com/Is" rel="noreferrer"><code>is()</code></a> method:</p>

<pre><code>if($(this).is("p")){
 // ...
}
</code></pre>


blocks|key|585054|text|我相信is()方法就是您正在寻找的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|585055|否则，您可以尝试直接选择项目，如果这是您的意思。|585056|因此，如果它是一个带有"myclass“类的"a”，只需执行$("a.myclass")|585057|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Is^0|3|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

<p>I believe the <a href="http://docs.jquery.com/Is" rel="nofollow noreferrer">is()</a> method is what you are looking for.</p>

<p>Otherwise, you might just try selecting the item directly, if that is what you mean.</p>

<p>So if it's an "a" with a class of "myclass", just do  $("a.myclass")</p>


blocks|key|593090|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|593091|我不能将选择器应用于元素的父元素，并查找与我的ID相同的子元素。|blockquote|593092|593093|593094|您无论如何都不能这样做--+id属性必须是唯一的。|offset|length|style|CODE|593095|entityMap^0|0|0|0|0|E|2|0^^$0|@$1|2|3|-4|4|5|6|N|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|O|7|@]|8|@]|9|$]]|$1|D|3|-4|4|5|6|P|7|@]|8|@]|9|$]]|$1|E|3|-4|4|5|6|Q|7|@]|8|@]|9|$]]|$1|F|3|G|4|5|6|R|7|@$H|S|I|T|J|K]]|8|@]|9|$]]|$1|L|3|-4|4|5|6|U|7|@]|8|@]|9|$]]]|M|$]]

<blockquote>
  <p>I can't apply my selector to the
  element's parent and look for children
  with the same ID as mine.</p>
</blockquote>

<p>You can't do that anyway - the <code>id</code> attribute must be unique.</p>


blocks|key|5876722|text|不使用jQuery，使用Element.matches()|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5876723|​|5876724|//+lets+define+2+variables+pointing+to+ordinary+<div>+elements
var+elm1+=+document.querySelector('div');
var+elm2+=+elm1.nextElementSibling;

console.log(
+++elm1.matches('.foo'),+++++++++//+true
+++elm1.matches('.bar'),+++++++++//+false
+++elm2.matches('[title=bar]'),++//+true
)|code-block|syntax|javascript|5876725|<div+class='foo'></div>
<div+title='bar'></div>|5876726|5876727|5876728|See+supported+browsers+list|5876729|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/API/Element/matches|1|https://caniuse.com/#feat=matchesselector^0|C|H|0|0|0|0|0|0|0|0|R|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|H|7|16|8|@]|9|@]|C|$I|J]]|$1|M|3|E|5|6|7|17|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|18|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]]|C|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

<h1>Without jQuery, using <a href="https://developer.mozilla.org/en/docs/Web/API/Element/matches" rel="nofollow noreferrer">Element.matches()</a>:</h1>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// lets define 2 variables pointing to ordinary &lt;div&gt; elements
var elm1 = document.querySelector('div');
var elm2 = elm1.nextElementSibling;

console.log(
   elm1.matches('.foo'),         // true
   elm1.matches('.bar'),         // false
   elm2.matches('[title=bar]'),  // true
)</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class='foo'&gt;&lt;/div&gt;
&lt;div title='bar'&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>
<hr />
<p><a href="https://caniuse.com/#feat=matchesselector" rel="nofollow noreferrer">See supported browsers list</a></p>


blocks|key|3764769|text|也许你只是想：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3764770|$(".complicated+#selector+p.with+>+div.manyParts").length|code-block|syntax|javascript|3764771|如果没有匹配项，length将返回0，这是错误的，因此可以在if语句中使用它，如下所示：|offset|length|style|CODE|3764772|if($(".doesThis+#exist").length)+{
++++//+Do+things
}|3764773|可能值得将其存储在单独的变量中，然后检查长度；这样，如果您需要对匹配的元素做任何事情，您就不必再次执行相同的选择器。|3764774|entityMap^0|0|0|U|2|0|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|@$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>Maybe you just want:</p>

<pre><code>$(".complicated #selector p.with &gt; div.manyParts").length
</code></pre>

<p>If there are no matches, length returns 0, which is falsy, so you can use it in an <code>if</code> statement, like:</p>

<pre><code>if($(".doesThis #exist").length) {
    // Do things
}
</code></pre>

<p>Probably would be worth storing it in a separate variable and THEN checking the length; that way, if you need to do anything with the matched elements, you don't have to execute the same selector again.</p>


blocks|key|2504152|text|试试Element.matches()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2504153|Element.matches()|2504154|document.addEventListener("click",+event+=>+{
++if+(event.target.matches(".elementsClass"))+{
++++//+It+matches
++}+else+{
++++//+Does+not+match
++}
});|code-block|syntax|javascript|2504155|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Element/matches^0|2|H|0|0|H|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>Try <code>Element.matches()</code></p>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/matches" rel="nofollow noreferrer">Element.matches()</a></p>

<pre><code>document.addEventListener("click", event =&gt; {
  if (event.target.matches(".elementsClass")) {
    // It matches
  } else {
    // Does not match
  }
});
</code></pre>


<p>Let's say I've got a DOM element - how can I tell whether it matches a jQuery selector, such as <code>p</code> or <code>.myclass</code>? It's easy to use the selector to match children of the element, but I want a true/false answer to whether this particular element match?</p>

<p>The element may not have an ID (and I can't assign it a random one for reasons beyond this), so I can't apply my selector to the element's parent and look for children with the same ID as mine.</p>

<p>Will this work as intended? I can't figure out Javascript object comparisons.    </p>

<pre><code>$(selector, myElement.parentNode).each({
  if (this == myElement) // Found it
});
</code></pre>

<p>Seems like there would be an easy way to see whether a DOM element matches a jQuery selector...</p>


How can I tell whether an element matches a selector?

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

假设我有一个DOM元素--如何判断它是否与p或.myclass等jQuery选择器匹配？使用选择器匹配元素的子元素很容易，但是我想要一个真/假的答案来判断这个特定的元素是否匹配？元素可能没有ID (除此之外，我不能给它分配一个随机的ID )，所以我不能将选择器应用于元素的父元素，并查找与我的ID相同的子元素。这会像预期的那样工作吗？我搞不懂Javascript对象比较。$(selector, my

问如何判断元素是否与选择器匹配？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何判断元素是否与选择器匹配？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何判断元素是否与选择器匹配？
EN