blocks|key|990528|text|var+classes+=+$('.MyElement').attr('class').split('+');
for+(var+i+=+0;+i+<+classes.length;+i%2B%2B)+{
++var+matches+=+/%5Efx\-(.%2B)/.exec(classes[i]);
++if+(matches+!=+null)+{
++++var+fxclass+=+matches[1];
++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|990529|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var classes = $('.MyElement').attr('class').split(' ');
for (var i = 0; i &lt; classes.length; i++) {
 var matches = /^fx\-(.+)/.exec(classes[i]);
 if (matches != null) {
 var fxclass = matches[1];
 }
}
</code></pre>

blocks|key|1205014|text|如果你想查找以“fade”结尾的东西，你可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1205015|$("*[class$='fade']")|code-block|syntax|javascript|1205016|对于具有以“fade”开头的类的元素，您可以使用：|1205017|$("*[class%5E='fade']")|1205018|要获取包含“fade”的元素，您将使用(这将比遍历类名字符串更快)|1205019|$("*[class*='fade']")|1205020|*将获取所有元素，因此您可以将其替换为所需的元素。|offset|length|style|CODE|1205021|如果你想要一个类名以fx-开头的元素，你可以这样做：|1205022|var+classname+=+"";
var+elArray+=+$("*[class*='fx-']");
++++
for+(var+a+=+0;+a+<+elArray.length;+a%2B%2B)+{
+++//+fade
++++classname+=+elArray[a].split("-")[1];+
}|1205023|在for循环中使用的数组将包含类名为'fx-‘的所有元素。|1205024|而不是使用for循环检查元素中是否有正确的类名。|1205025|有关更多信息，请访问jquery.com。|1205026|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/selectors/^0|0|0|0|0|0|0|0|1|0|A|3|0|0|0|0|A|A|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1E|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1G|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1H|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1I|8|@$Q|1J|R|1K|S|T]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1L|8|@$Q|1M|R|1N|S|T]]|9|@]|A|$]]|$1|W|3|X|5|D|7|1O|8|@]|9|@]|A|$E|F]]|$1|Y|3|Z|5|6|7|1P|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|1R|8|@]|9|@$Q|1S|R|1T|1|1U]]|A|$]]|$1|14|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]]]

If you wanted to look for something that ended in 'fade' you would use:
<pre><code>$(&quot;*[class$='fade']&quot;)
</code></pre>
And for elements with a class that started with 'fade' you would use:
<pre><code>$(&quot;*[class^='fade']&quot;)
</code></pre>
And to get elements that contain 'fade' you would use (this would be quicker than going through the class names string)
<pre><code>$(&quot;*[class*='fade']&quot;)
</code></pre>
The <code>*</code> gets all elements so you could replace this with the element you wanted.
If you want elements that has a classname that starts with <code>fx-</code> you would do:
<pre><code>var classname = &quot;&quot;;
var elArray = $(&quot;*[class*='fx-']&quot;);
 
for (var a = 0; a &lt; elArray.length; a++) {
 // fade
 classname = elArray[a].split(&quot;-&quot;)[1]; 
}
</code></pre>
The array used in the for loop would have all the elements with the classnames like 'fx-'.
Rather than than the for loop checking the elements for the correct class name.
More information at <a href="http://api.jquery.com/category/selectors/" rel="nofollow noreferrer">jquery.com</a>

blocks|key|990617|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|990618|$("div[class*='fade']")+|code-block|syntax|javascript|990619|More+info|offset|length|990620|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/selectors/^0|0|0|0|9|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]]]]

Try this:

<pre><code>$("div[class*='fade']") 
</code></pre>

<a href="http://api.jquery.com/category/selectors/" rel="noreferrer">More info</a>

blocks|key|990510|text|查看JQuery+selector+regular+expressions。它可能正是您所需要的！:)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|990511|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/190253/jquery-selector-regular-expressions^0|2|Z|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Check out <a href="https://stackoverflow.com/questions/190253/jquery-selector-regular-expressions" title="JQuery selector regular expressions">JQuery selector regular expressions</a>. It might be exactly what you need! :)

blocks|key|1205056|text|我可能会这样说：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1205057|//Split+class+list+into+individual+classes:
var+classes+=+$(".MyElement").attr("class").split("+");
var+fxType;

//Loop+through+them:
for+(var+i+=+0,+max+=+classes.elngth;+i+<+max;+i%2B%2B)+{
++var+class+=+classes[i].split("-");
++//Check+if+the+current+one+is+prefixed+with+'fx':
++if+(class[0]+==+"fx")+{
++++//It+is+an+FX+-+do+whatever+you+want+with+it,+the+type+of+FX+is+stored+in+class[1],+ie:
++++fxType+=+class[1];
++}
}|code-block|syntax|javascript|1205058|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|$]]

I'd probably go with something like:

<pre><code>//Split class list into individual classes:
var classes = $(".MyElement").attr("class").split(" ");
var fxType;

//Loop through them:
for (var i = 0, max = classes.elngth; i &lt; max; i++) {
 var class = classes[i].split("-");
 //Check if the current one is prefixed with 'fx':
 if (class[0] == "fx") {
 //It is an FX - do whatever you want with it, the type of FX is stored in class[1], ie:
 fxType = class[1];
 }
}
</code></pre>

blocks|key|990700|text|下面是我们在网站中使用的简单代码片段：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|990701|/**
+*+Script+to+load+a+popup+container+for+share+buttons
+*
+*+Possible+usage+for+Facebook,+Twitter+and+Google:
+*
+*+<a+class="share-buttons-fb"+href="https://www.facebook.com/sharer/sharer.php?u=<?php+echo+get_the_permalink();+?>&title=<?php+the_title();+?>">Facebook</a>
+*+<a+class="share-buttons-twitter"+href="https://twitter.com/intent/tweet?text=<?php+the_title();+?>:+<?php+echo+get_the_permalink();+?>">Twitter</a>
+*+<a+class="share-buttons-google"+href="http://plus.google.com/share?url=<?php+echo+get_the_permalink();+?>">Google%2B</a>
+*/
jQuery(document).ready(function+($)+{

++++//+Whenever+an+anchor+with+the+class+with+share-button+in+it+is+clicked
++++$("a[class*='share-button']").click(function+()+{
++++++++//+Variables+to+set+the+size+of+the+popup+container
++++++++var+windowWidth+=+500;
++++++++var+windowHeight+=+255;

++++++++//+Variables+to+set+the+position+of+the+popup+container
++++++++var+positionWindowLeft+=+(screen.width+/+2)+-+(windowWidth+/+2);
++++++++var+positionWindowTop+=+(screen.height+/+3)+-+(windowHeight+/+3);

++++++++//+Create+new+windows+with+the+opening+url+of+the+href+attribute+of+the+anchor+and+the+above+variables
++++++++var+popupWindow+=+window.open($(this).prop('href'),+'',+'scrollbars=no,menubar=no,status=no,titlebar=no,toolbar=nolocation=no,menubar=no,resizable=noe,height='+%2B+windowHeight+%2B+',width='+%2B+windowWidth+%2B+',top='+%2B+positionWindowTop+%2B+',+left='+%2B+positionWindowLeft);

++++++++//+If+the+default+windows+is+focused
++++++++if+(window.focus)+{
++++++++++++//+Change+the+focus+to+the+the+popup+window
++++++++++++popupWindow.focus();
++++++++}

++++++++return+false;
++++});
});|code-block|syntax|javascript|990702|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 simple snippet we use in our sites:

<pre class="lang-js prettyprint-override"><code>/**
 * Script to load a popup container for share buttons
 *
 * Possible usage for Facebook, Twitter and Google:
 *
 * &lt;a class="share-buttons-fb" href="https://www.facebook.com/sharer/sharer.php?u=&lt;?php echo get_the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"&gt;Facebook&lt;/a&gt;
 * &lt;a class="share-buttons-twitter" href="https://twitter.com/intent/tweet?text=&lt;?php the_title(); ?&gt;: &lt;?php echo get_the_permalink(); ?&gt;"&gt;Twitter&lt;/a&gt;
 * &lt;a class="share-buttons-google" href="http://plus.google.com/share?url=&lt;?php echo get_the_permalink(); ?&gt;"&gt;Google+&lt;/a&gt;
 */
jQuery(document).ready(function ($) {

 // Whenever an anchor with the class with share-button in it is clicked
 $("a[class*='share-button']").click(function () {
 // Variables to set the size of the popup container
 var windowWidth = 500;
 var windowHeight = 255;

 // Variables to set the position of the popup container
 var positionWindowLeft = (screen.width / 2) - (windowWidth / 2);
 var positionWindowTop = (screen.height / 3) - (windowHeight / 3);

 // Create new windows with the opening url of the href attribute of the anchor and the above variables
 var popupWindow = window.open($(this).prop('href'), '', 'scrollbars=no,menubar=no,status=no,titlebar=no,toolbar=nolocation=no,menubar=no,resizable=noe,height=' + windowHeight + ',width=' + windowWidth + ',top=' + positionWindowTop + ', left=' + positionWindowLeft);

 // If the default windows is focused
 if (window.focus) {
 // Change the focus to the the popup window
 popupWindow.focus();
 }

 return false;
 });
});
</code></pre>

What's the fastest way possible to get a string like "fade" from the classes in the element below?

<pre><code>&lt;div class="MyElement fx-fade"&gt; ... &lt;/div&gt;
</code></pre>

jQuery - Get a element class based on a prefix

jQuery

从下面元素的类中获取像"fade“这样的字符串的最快方法是什么？<div class="MyElement fx-fade"> ... </div>

问jQuery -获取基于前缀的元素类
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -获取基于前缀的元素类EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -获取基于前缀的元素类
EN