blocks|key|674423|text|假设您在一个名为“classes”的变量中有一个类名列表：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|674424|classes+=+classes.split("+");
for+(var+i=0;+i<classes.length;+i%2B%2B)
{
++++var+class+=+classes[i];
++++if+(class.indexOf("style")+==+0)
++++{
++++++++alert(class);
++++}
}|code-block|syntax|javascript|674425|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|$]]

Assuming you have the list of class names in a variable called "classes":

<pre><code>classes = classes.split(" ");
for (var i=0; i&lt;classes.length; i++)
{
 var class = classes[i];
 if (class.indexOf("style") == 0)
 {
 alert(class);
 }
}
</code></pre>

blocks|key|891167|text|$('div').click(function()+{
++++var+style+=+this.className.split(/\s/).filter(function(+cn+)+{
++++++++return+cn.indexOf('style')+===+0;
++++});

++++alert(style);
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|891168|注这段代码使用了Array.prototype.filter和.indexof()，这在老式浏览器中是不可用的。为了使其更通用，它将如下所示：|unstyled|offset|length|style|CODE|891169|$('div').click(function()+{
++++var+name+=+'';

++++$.each(this.className.split(/\s/),+function(+_,+cn+)+{
++++++++if(+cn.indexOf('style')+===+0+)+{+name+=+cn;+return+false;+}
++++});

++++alert(name);
});|891170|entityMap^0|0|8|M|V|A|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@$G|Q|H|R|I|J]|$G|S|H|T|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>$('div').click(function() {
 var style = this.className.split(/\s/).filter(function( cn ) {
 return cn.indexOf('style') === 0;
 });

 alert(style);
});
</code></pre>

Note this code uses <code>Array.prototype.filter</code> and <code>.indexof()</code>, which is not available in old'ish browsers. To make this more generic, it would look like:

<pre><code>$('div').click(function() {
 var name = '';

 $.each(this.className.split(/\s/), function( _, cn ) {
 if( cn.indexOf('style') === 0 ) { name = cn; return false; }
 });

 alert(name);
});
</code></pre>

blocks|key|674471|text|点击此处：http://forum.jquery.com/topic/jquery-how-to-pick-out-classes-that-start-with-a-particular-string|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|674472|var+icons+=+["Star",+"Plus",+"Left",+"Right",+"Up",+"Down"];

$("div.button").each(function()+{
++++var+$dv+=+$(this);
++++$.each(icons,+function()+{
++++++++if+($dv.hasClass("icon"+%2B+this))+{
++++++++++++$dv.append('<img+src="Images/'+%2B+this+%2B+'.gif"+alt=""+/>');
++++++++++++return+false;
++++++++}
++++});
});|code-block|syntax|javascript|674473|entityMap|0|LINK|mutability|MUTABLE|url|http://forum.jquery.com/topic/jquery-how-to-pick-out-classes-that-start-with-a-particular-string^0|5|2O|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Found here: <a href="http://forum.jquery.com/topic/jquery-how-to-pick-out-classes-that-start-with-a-particular-string" rel="nofollow">http://forum.jquery.com/topic/jquery-how-to-pick-out-classes-that-start-with-a-particular-string</a>

<pre><code>var icons = ["Star", "Plus", "Left", "Right", "Up", "Down"];

$("div.button").each(function() {
 var $dv = $(this);
 $.each(icons, function() {
 if ($dv.hasClass("icon" + this)) {
 $dv.append('&lt;img src="Images/' + this + '.gif" alt="" /&gt;');
 return false;
 }
 });
});
</code></pre>

blocks|key|674485|text|$("div[class]").click(function(e){
++++$.each(this.className.split(/\s/),+function(i,+val)+{
++++++++if+(/%5Estyle/.test(val))+{
++++++++++++alert(val.substr(5));
++++++++++++return+false;
++++++++}
++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|674486|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>$("div[class]").click(function(e){
 $.each(this.className.split(/\s/), function(i, val) {
 if (/^style/.test(val)) {
 alert(val.substr(5));
 return false;
 }
 });
});
</code></pre>

blocks|key|891210|text|$('div').click(function(){
++++var+c+=+$(this).attr('class').split(/\s%2B/);
++++for(var+s+in+c)
++++++++if(c[s].indexOf('style')+==+0)
++++++++++++alert(c[s]);
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|891211|现场示例：http://jsfiddle.net/gion_13/rXkNy/1/|unstyled|offset|length|891212|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/gion_13/rXkNy/1/^0|0|5|10|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>$('div').click(function(){
 var c = $(this).attr('class').split(/\s+/);
 for(var s in c)
 if(c[s].indexOf('style') == 0)
 alert(c[s]);
});
</code></pre>

live example : <a href="http://jsfiddle.net/gion_13/rXkNy/1/" rel="nofollow">http://jsfiddle.net/gion_13/rXkNy/1/</a>

blocks|key|674561|text|这是一个很好的问题。虽然它可以使用这里提到的许多答案来完成，但这在性能方面有点笨拙和昂贵。我建议你把style类放在最后，这样你只需要一行代码就可以输出你想要的类名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|674562|$('element').attr('class').split('+').pop();|code-block|syntax|javascript|674563|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 is a great question. Although it can be done using many of the answers mentioned here, this is a little awkward and costly performance wise. The way i would recommend you do it is put the style class last, that way with only one line of code you can output the class name you are after.

<pre><code>$('element').attr('class').split(' ').pop();
</code></pre>

blocks|key|891265|text|我过去常常使用classList属性，但不幸的是它似乎不在safari中。:(以下是我想出来的，但RegExp可能只需要稍微调整一下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|891266|$('div.button').each(function()+{
++++++++$m+=++this.className.match(/(%5E%7C\s)style\S%2B(\s%7C$)/);
++++if($m)+{
++++++++$(this).bind('click',+{+colorName+:+$m[0]+},+function(e)+{
++++++++++++alert(e.data.colorName);
++++++++);
++++}
});|code-block|syntax|javascript|891267|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 used to use the classList attribute, but unfortunately it seems that it's not in safari. :(
The following is what I came up with, but the RegExp may need just a little tweaking.

<pre><code>$('div.button').each(function() {
 $m = this.className.match(/(^|\s)style\S+(\s|$)/);
 if($m) {
 $(this).bind('click', { colorName : $m[0] }, function(e) {
 alert(e.data.colorName);
 );
 }
});
</code></pre>

I have a div with few classes in no specific order. 

<pre><code>&lt;div class="whatever styledark myclass"&gt;&lt;/div&gt;
</code></pre>

I'm interested in the styledark class. This can be styledark, stylewhite, stylered.... I want to get this class name no matter what color comes after the word style. The question is, when i click on the div, how i do i alert this class name that start with the word style disregarding other classes in the div. The classes are in no specific order.

jQuery get specific class name

我有一个div，里面有几个没有特定顺序的类。<div class="whatever styledark myclass"></div>我对styledark类很感兴趣。这个可以是深色的，白色的，有样式的……我想要得到这个类名，不管单词style后面是什么颜色。问题是，当我单击div时，我如何提醒这个以单词style开...

问jQuery获取特定的类名
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery获取特定的类名EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery获取特定的类名
EN