blocks|key|1003583|text|您可能只需转到相关元素并检查它们的tagName是否以给定的字符串开头.|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1003584|var+myPrefix+=+"mycustom-thing-";

$("body").children().each(function()+{
++if+(this.tagName.substr(0,+myPrefix.length).toLowerCase()+==+myPrefix)+{
++++console.log(this.innerHTML);+//+or+what+ever+
++}
})|code-block|syntax|javascript|1003585|https://jsfiddle.net/svArtist/duLo2d0z/|offset|length|1003586|编辑:为效率起见包括：|style|BOLD|1003587|如果您可以预测元素的位置，那么当然可以指定这种情况。在我的示例中，所讨论的元素是body的直接子元素，因此我可以使用.children()来获取它们。这将不会跨越较低的水平。|CODE|1003588|通过以下方式减少遍历的需要：|1003589|从最低需要的级别开始($("#specific-id")而不是$("body"))|1003590|如果所有元素都被发现为容器的直接子：|1003591|在容器上使用$.children()仅获得直接子级|unordered-list-item|1003592|否则|1003593|使用$.find("*")|1003594|如果您可以告诉有关包含上下文的内容，请按此筛选。|1003595|例如，$("#specific-id").find(".certain-container-class+.child-class+*")|1003596|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|13|0|0|0|B|0|14|4|1M|B|0|0|B|H|V|9|0|0|6|C|0|0|2|B|0|0|3|1T|0^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1G|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1H|8|@]|9|@$I|1I|J|1J|1|1K]]|A|$]]|$1|K|3|L|5|6|7|1L|8|@$I|1M|J|1N|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1O|8|@$I|1P|J|1Q|M|Q]|$I|1R|J|1S|M|Q]]|9|@]|A|$]]|$1|R|3|S|5|6|7|1T|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1U|8|@$I|1V|J|1W|M|Q]|$I|1X|J|1Y|M|Q]]|9|@]|A|$]]|$1|V|3|W|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|X|3|Y|5|Z|7|20|8|@$I|21|J|22|M|Q]]|9|@]|A|$]]|$1|10|3|11|5|6|7|23|8|@]|9|@]|A|$]]|$1|12|3|13|5|Z|7|24|8|@$I|25|J|26|M|Q]]|9|@]|A|$]]|$1|14|3|15|5|6|7|27|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|28|8|@$I|29|J|2A|M|Q]]|9|@]|A|$]]|$1|18|3|-4|5|6|7|2B|8|@]|9|@]|A|$]]]|19|$1A|$5|1B|1C|1D|A|$1E|H]]]]

<p>You probably have to just go to the elements in question and check if their tagName begins with that given string...</p>

<pre><code>var myPrefix = "mycustom-thing-";

$("body").children().each(function() {
  if (this.tagName.substr(0, myPrefix.length).toLowerCase() == myPrefix) {
    console.log(this.innerHTML); // or what ever 
  }
})
</code></pre>

<p><a href="https://jsfiddle.net/svArtist/duLo2d0z/" rel="nofollow">https://jsfiddle.net/svArtist/duLo2d0z/</a></p>

<p><strong>EDIT: Included for efficiency's sake:</strong></p>

<p>If you can predict where the elements will be, you can of course specify that circumstance.
In my example, the elements in question were direct children of <code>body</code> - so I could use <code>.children()</code> to get them. This would not traverse lower levels.</p>

<p>Reduce the need for traversal by the following:</p>

<p>Start on the lowest needed level (<code>$("#specific-id")</code> rather than <code>$("body")</code>)</p>

<p>If the elements are all to be found <strong>as direct children</strong> of a container:</p>

<ul>
<li>Use <code>$.children()</code> on the container to obtain just the immediate children</li>
</ul>

<p>Else</p>

<ul>
<li>Use <code>$.find("*")</code></li>
</ul>

<p>If you can tell something about the containing context, filter by that</p>

<p>For example <code>$("#specific-id").find(".certain-container-class .child-class *")</code></p>


blocks|key|1006055|text|试试这个..。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1006056|let+customElements+=+$('*')
++.filter((index,element)+=>+/FOOD-CTI-/.test(element.tagName));|code-block|syntax|javascript|1006057|注意，.tagName应该返回大写的结果。这将为您提供所需元素的jQuery对象。不过，它将遍历整个DOM。会很慢的。|offset|length|style|CODE|1006058|它使用https://api.jquery.com/all-selector/。|1006059|注意:所有的，或通用的，选择器是非常慢的，除非它自己使用。|blockquote|1006060|您也可以通过指定类似于$("body+*")的内容来减少整个dom的遍历量。不确定在哪里放置了自定义元素，以及它们在哪里被允许。|1006061|顺便说一下，我不会使用自定义元素，微格式是一个更好的主意，至少现在是这样，它们也得到了更好的支持，并且它们不太可能改变。|1006062|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/all-selector/^0|0|0|3|8|0|3|10|0|0|0|B|B|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|15|8|@$I|16|J|17|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|18|8|@]|9|@$I|19|J|1A|1|1B]]|A|$]]|$1|O|3|P|5|Q|7|1C|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1D|8|@$I|1E|J|1F|K|L]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1G|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12]]]]

<p>Try this..</p>

<pre><code>let customElements = $('*')
  .filter((index,element) =&gt; /FOOD-CTI-/.test(element.tagName));
</code></pre>

<p>Note, <code>.tagName</code> should return the result in uppercase. This should get you a jQuery object of the elements you want. It will traverse the entire DOM though. It'll be slow.</p>

<p>This uses the <a href="https://api.jquery.com/all-selector/" rel="nofollow"><em>"all selector"</em></a>.</p>

<blockquote>
  <p>Caution: The all, or universal, selector is extremely slow, except when used by itself.</p>
</blockquote>

<p>You can traverse less then entire dom too, by specifying something like <code>$("body *")</code>. Not sure where you have put the Custom Elements, and where they're allowed.</p>

<p>As an aside, I wouldn't use Custom Elements, microformats are a better idea at least now, they're also better supported, and they're less likely to change. </p>


blocks|key|1200549|text|可以在表达式中使用XPath。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1200550|+//*[starts-with(name(),'food-cta-')]|code-block|syntax|javascript|1200551|哪里|1200552|//*是所有节点的通配符。|unordered-list-item|style|CODE|1200553|starts-with()是一个XPath函数，用于测试以某些值开头的字符串。|1200554|name()获取QName+(节点名)|1200555|'food-cta-'是搜索词|1200556|将其传递到document.evaluate中，您将得到一个XPathResult，它将为您提供匹配的节点。|1200557|var+result+=+document.evaluate(+"//*[starts-with(name(),'food-cta-')]",+document,+null,+XPathResult.ANY_TYPE,+null+);|1200558|注意:您可以使用任何节点作为根，不需要使用document。例如，您可以用一些div替换document：|1200559|var+container+=+document.getElementById("#container");
var+result+=+document.evaluate(+"//*[starts-with(name(),'food-cta-')]",+container,+null,+XPathResult.ANY_TYPE,+null+);|1200560|演示|1200561|​|1200562|let+result+=+document.evaluate(+"//*[starts-with(name(),'food-cta-')]",+document,+null,+XPathResult.ANY_TYPE,+null+);

let+nodes+=+[];
let+anode+=+null;

while(+(anode+=+result.iterateNext())+){
+++nodes.push(+anode.nodeName+);
}

console.log(nodes);|1200563|<div+id="container">
++<br>
++<food-cta-download+type="primary"+description="Download+Recipe">
++++<img+src="">
++++<h2></h2>
++++<p></p>
++</food-cta-download>
++<span>Some+span</span>
++<food-cta-something>
++++<img+src="">
++++<h2></h2>
++++<p></p>
++</food-cta-something>
++<div>In+between
++++++<food-cta-sub>
+++++++++<img+src="">
+++++++++<h2></h2>
+++++++++<p></p>
++++++</food-cta-sub>
++</div>
++<food-cta-hello>
++++<img+src="">
++</food-cta-hello>
++<food-cta-whattt>
++</food-cta-whattt>
</div>|1200564|1200565|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/XPath|1|https://developer.mozilla.org/en-US/docs/Web/XPath/Functions/starts-with|2|https://developer.mozilla.org/en-US/docs/Web/XPath/Functions/name|3|https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate|4|https://developer.mozilla.org/en-US/docs/Web/API/XPathResult^0|9|5|0|0|0|0|0|3|0|0|D|0|D|1|0|0|6|0|6|2|0|0|B|0|5|H|5|H|3|U|B|4|0|0|L|8|18|8|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1S|8|@]|9|@$A|1T|B|1U|1|1V]]|C|$]]|$1|D|3|E|5|F|7|1W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1X|8|@]|9|@]|C|$]]|$1|K|3|L|5|M|7|1Y|8|@$A|1Z|B|20|N|O]]|9|@]|C|$]]|$1|P|3|Q|5|M|7|21|8|@$A|22|B|23|N|O]]|9|@$A|24|B|25|1|26]]|C|$]]|$1|R|3|S|5|M|7|27|8|@$A|28|B|29|N|O]]|9|@$A|2A|B|2B|1|2C]]|C|$]]|$1|T|3|U|5|M|7|2D|8|@$A|2E|B|2F|N|O]]|9|@]|C|$]]|$1|V|3|W|5|6|7|2G|8|@$A|2H|B|2I|N|O]]|9|@$A|2J|B|2K|1|2L]|$A|2M|B|2N|1|2O]]|C|$]]|$1|X|3|Y|5|F|7|2P|8|@]|9|@]|C|$G|H]]|$1|Z|3|10|5|6|7|2Q|8|@$A|2R|B|2S|N|O]|$A|2T|B|2U|N|O]]|9|@]|C|$]]|$1|11|3|12|5|F|7|2V|8|@]|9|@]|C|$G|H]]|$1|13|3|14|5|6|7|2W|8|@]|9|@]|C|$]]|$1|15|3|16|5|6|7|2X|8|@]|9|@]|C|$]]|$1|17|3|18|5|F|7|2Y|8|@]|9|@]|C|$G|H]]|$1|19|3|1A|5|F|7|2Z|8|@]|9|@]|C|$G|H]]|$1|1B|3|16|5|6|7|30|8|@]|9|@]|C|$]]|$1|1C|3|-4|5|6|7|31|8|@]|9|@]|C|$]]]|1D|$1E|$5|1F|1G|1H|C|$1I|1J]]|1K|$5|1F|1G|1H|C|$1I|1L]]|1M|$5|1F|1G|1H|C|$1I|1N]]|1O|$5|1F|1G|1H|C|$1I|1P]]|1Q|$5|1F|1G|1H|C|$1I|1R]]]]

<p>You can use <a href="https://developer.mozilla.org/en-US/docs/Web/XPath" rel="nofollow">XPath</a> with the expression </p>

<pre><code> //*[starts-with(name(),'food-cta-')]
</code></pre>

<p>Where </p>

<ul>
<li><code>//*</code> is wildcard for all nodes</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/XPath/Functions/starts-with" rel="nofollow"><code>starts-with()</code></a> is a XPath function to test a string starts with some value</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/XPath/Functions/name" rel="nofollow"><code>name()</code></a> gets the QName (node name)</li>
<li>and <code>'food-cta-'</code> is the search term</li>
</ul>

<p>Pass it into <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate" rel="nofollow"><code>document.evaluate</code></a> and you will get a <a href="https://developer.mozilla.org/en-US/docs/Web/API/XPathResult" rel="nofollow">XPathResult</a> that will give you the nodes that were matched.</p>

<pre><code>var result = document.evaluate( "//*[starts-with(name(),'food-cta-')]", document, null, XPathResult.ANY_TYPE, null );
</code></pre>

<p>Note you can use any node as the root, you do not need to use <code>document</code>. So you could for instance replace <code>document</code> with the some div:</p>

<pre><code>var container = document.getElementById("#container");
var result = document.evaluate( "//*[starts-with(name(),'food-cta-')]", container, null, XPathResult.ANY_TYPE, null );
</code></pre>

<p>Demo</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let result = document.evaluate( "//*[starts-with(name(),'food-cta-')]", document, null, XPathResult.ANY_TYPE, null );

let nodes = [];
let anode = null;

while( (anode = result.iterateNext()) ){
   nodes.push( anode.nodeName );
}

console.log(nodes);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="container"&gt;
  &lt;br&gt;
  &lt;food-cta-download type="primary" description="Download Recipe"&gt;
    &lt;img src=""&gt;
    &lt;h2&gt;&lt;/h2&gt;
    &lt;p&gt;&lt;/p&gt;
  &lt;/food-cta-download&gt;
  &lt;span&gt;Some span&lt;/span&gt;
  &lt;food-cta-something&gt;
    &lt;img src=""&gt;
    &lt;h2&gt;&lt;/h2&gt;
    &lt;p&gt;&lt;/p&gt;
  &lt;/food-cta-something&gt;
  &lt;div&gt;In between
      &lt;food-cta-sub&gt;
         &lt;img src=""&gt;
         &lt;h2&gt;&lt;/h2&gt;
         &lt;p&gt;&lt;/p&gt;
      &lt;/food-cta-sub&gt;
  &lt;/div&gt;
  &lt;food-cta-hello&gt;
    &lt;img src=""&gt;
  &lt;/food-cta-hello&gt;
  &lt;food-cta-whattt&gt;
  &lt;/food-cta-whattt&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1200654|text|为什么不扩展jquery选择器？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1200655|$(':tag(%5E=food-cta-)')|code-block|syntax|javascript|1200656|通过以下实施是可能的：|1200657|​|1200658|$.expr[':'].tag+=+function+tag(element,+index,+match)+{
++//+prepare+dummy+attribute
++//+avoid+string+processing+when+possible+by+using+element.localName
++//+instead+of+element.tagName.toLowerCase()
++tag.$.attr('data-tag',+element.localName+%7C%7C+element.tagName.toLowerCase());
++//+in+:tag(`pattern`),+match[3]+=+`pattern`
++var+pattern+=+tag.re.exec(match[3]);
++//+[data-tag`m`="`pattern`"]
++var+selector+=+'[data-tag'+%2B+(pattern[1]+%7C%7C+'')+%2B+'="'+%2B+pattern[2]+%2B+'"]';
++//+test+if+custom+tag+selector+matches+element
++//+using+dummy+attribute+polyfill
++return+tag.$.is(selector);
};

//+dummy+element+to+run+attribute+selectors+on
$.expr[':'].tag.$+=+$('<div/>');
//+cache+RegExp+for+parsing+":tag(m=pattern)"
$.expr[':'].tag.re+=+/%5E(?:([~\%7C\%5E\$\*])?=)?(.*)$/;

//+some+tests
console.log('%5E=food-cta-',+$(':tag(%5E=food-cta-)').toArray());
console.log('*=cta-s',+$(':tag(*=cta-s)').toArray());
console.log('food-cta-hello',+$(':tag(food-cta-hello)').toArray());|1200659|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div+id="container">
++<br>
++<food-cta-download+type="primary"+description="Download+Recipe">
++++<img+src="">
++++<h2></h2>
++++<p></p>
++</food-cta-download>
++<span>Some+span</span>
++<food-cta-something>
++++<img+src="">
++++<h2></h2>
++++<p></p>
++</food-cta-something>
++<div>In+between
++++<food-cta-sub>
++++++<img+src="">
++++++<h2></h2>
++++++<p></p>
++++</food-cta-sub>
++</div>
++<food-cta-hello>
++++<img+src="">
++</food-cta-hello>
++<food-cta-whattt>
++</food-cta-whattt>
</div>|1200660|1200661|这支持具有以下语法的伪CSS样式的属性选择器：|1200662|:tag(m=pattern)|1200663|或者只是|1200664|:tag(pattern)|1200665|其中m是~,%7C,%5E,$,*，pattern是标记选择器。|style|CODE|1200666|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jquery/sizzle/wiki|1|https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors^0|4|B|0|0|0|0|0|0|0|0|H|5|1|0|0|0|0|2|1|4|9|E|7|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|D|3|E|5|F|7|1H|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1I|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|1J|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|1K|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|F|7|1L|8|@]|9|@]|C|$G|H]]|$1|Q|3|L|5|6|7|1M|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|1N|8|@]|9|@$A|1O|B|1P|1|1Q]]|C|$]]|$1|T|3|U|5|F|7|1R|8|@]|9|@]|C|$G|H]]|$1|V|3|W|5|6|7|1S|8|@]|9|@]|C|$]]|$1|X|3|Y|5|F|7|1T|8|@]|9|@]|C|$G|H]]|$1|Z|3|10|5|6|7|1U|8|@$A|1V|B|1W|11|12]|$A|1X|B|1Y|11|12]|$A|1Z|B|20|11|12]]|9|@]|C|$]]|$1|13|3|-4|5|6|7|21|8|@]|9|@]|C|$]]]|14|$15|$5|16|17|18|C|$19|1A]]|1B|$5|16|17|18|C|$19|1C]]]]

<p>Why not <a href="https://github.com/jquery/sizzle/wiki" rel="nofollow">extend jquery selectors</a>?</p>

<pre><code>$(':tag(^=food-cta-)')
</code></pre>

<p>Would be possible with the following implementation:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$.expr[':'].tag = function tag(element, index, match) {
  // prepare dummy attribute
  // avoid string processing when possible by using element.localName
  // instead of element.tagName.toLowerCase()
  tag.$.attr('data-tag', element.localName || element.tagName.toLowerCase());
  // in :tag(`pattern`), match[3] = `pattern`
  var pattern = tag.re.exec(match[3]);
  // [data-tag`m`="`pattern`"]
  var selector = '[data-tag' + (pattern[1] || '') + '="' + pattern[2] + '"]';
  // test if custom tag selector matches element
  // using dummy attribute polyfill
  return tag.$.is(selector);
};

// dummy element to run attribute selectors on
$.expr[':'].tag.$ = $('&lt;div/&gt;');
// cache RegExp for parsing ":tag(m=pattern)"
$.expr[':'].tag.re = /^(?:([~\|\^\$\*])?=)?(.*)$/;

// some tests
console.log('^=food-cta-', $(':tag(^=food-cta-)').toArray());
console.log('*=cta-s', $(':tag(*=cta-s)').toArray());
console.log('food-cta-hello', $(':tag(food-cta-hello)').toArray());</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;div id="container"&gt;
  &lt;br&gt;
  &lt;food-cta-download type="primary" description="Download Recipe"&gt;
    &lt;img src=""&gt;
    &lt;h2&gt;&lt;/h2&gt;
    &lt;p&gt;&lt;/p&gt;
  &lt;/food-cta-download&gt;
  &lt;span&gt;Some span&lt;/span&gt;
  &lt;food-cta-something&gt;
    &lt;img src=""&gt;
    &lt;h2&gt;&lt;/h2&gt;
    &lt;p&gt;&lt;/p&gt;
  &lt;/food-cta-something&gt;
  &lt;div&gt;In between
    &lt;food-cta-sub&gt;
      &lt;img src=""&gt;
      &lt;h2&gt;&lt;/h2&gt;
      &lt;p&gt;&lt;/p&gt;
    &lt;/food-cta-sub&gt;
  &lt;/div&gt;
  &lt;food-cta-hello&gt;
    &lt;img src=""&gt;
  &lt;/food-cta-hello&gt;
  &lt;food-cta-whattt&gt;
  &lt;/food-cta-whattt&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>This supports a pseudo-CSS-style <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors" rel="nofollow">attribute selector</a> with the syntax:</p>

<pre><code>:tag(m=pattern)
</code></pre>

<p>Or just</p>

<pre><code>:tag(pattern)
</code></pre>

<p>where <code>m</code> is <code>~,|,^,$,*</code> and <code>pattern</code> is your tag selector.</p>


<p>I have a bunch of Custom Elements that begin with 'food-cta-'. I am looking for a way in JavaScript/jQuery to be able to select these elements. This is similar to how I can use <code>$('*[class^="food-cta-"]')</code> to select all the classes that start with <code>food-cta-</code>. Is it possible to do a search for elements that start with 'food-cta-'?</p>

<p>Note that I will be injecting this search onto the page, so I won't have access to Angular.</p>

<p>Example of Custom Elements:</p>

<ul>
<li><code>&lt;food-cta-download&gt;</code></li>
<li><code>&lt;food-cta-external&gt;</code></li>
<li><code>&lt;food-cta-internal&gt;</code></li>
</ul>

<p>EDIT: The code I am looking at looks like:</p>

<pre><code>&lt;food-cta-download type="primary" description="Download Recipe"&gt;
    &lt;img src=""&gt;
    &lt;h2&gt;&lt;/h2&gt;
    &lt;p&gt;&lt;/p&gt;
&lt;/food-cta-download&gt;
</code></pre>

<p>The app uses AngularJS to create Custom Elements which I believe is called Directives.</p>


Find Custom Elements that start with a specified prefix

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我有一堆自定义元素，以“食品-cta-”开头。我正在寻找一种在JavaScript/jQuery中能够选择这些元素的方法。这类似于我如何使用$('*[class^="food-cta-"]')来选择以food-cta-开头的所有类。是否有可能搜索以“食品-cta-”开头的元素？请注意，我将注入此搜索到页面，因此我将无法...

问查找以指定前缀开头的自定义元素
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问查找以指定前缀开头的自定义元素EN