JQuery根据类字符串中的第一个进行选择

JQuery根据类字符串中的第一个进行选择,jquery,Jquery,我有两个元素,它们是小选项卡脚本的基础。出于各种原因(称为Internet Explorer 6),我不得不这样构建它: 选项卡标题 <span class="Block1 inactive" id="Tab1">Label1</span> <span class="Block2 inactive" id="Tab2">Label2</span> <span class="Block3 inactive" id="Tab3">Label

我有两个元素,它们是小选项卡脚本的基础。出于各种原因(称为Internet Explorer 6),我不得不这样构建它:

选项卡标题

<span class="Block1 inactive" id="Tab1">Label1</span>
<span class="Block2 inactive" id="Tab2">Label2</span>
<span class="Block3 inactive" id="Tab3">Label3</span>
<div class="contents inactive" id="Block1 ">Stuff here</div>
<div class="contents inactive" id="Block2 ">Stuff here</div>
<div class="contents inactive" id="Block3 ">Stuff here</div>
卡住了


谢谢

我认为没有比这更好的解决方案了:

var tabtoshow = $(this).attr('class').split(' ')[0];

。。。类的相对顺序通常不具有任何意义,因此我认为没有任何帮助。

我认为没有比这更漂亮的解决方案:

var tabtoshow = $(this).attr('class').split(' ')[0];

。。。类的相对顺序通常不具有任何意义,因此我认为没有任何帮助。

如果标题在数量和顺序上与div匹配,并且它们是某个父级的子级,而没有其他同级,则可以使用jQuery方法


(注意这里的
tabtoshow
是一个jquery对象。)

如果标题在数量和顺序上与div匹配,并且它们是某个父级的子级,而没有其他同级,则可以使用jquery方法


(注意这里的
tabtoshow
是一个jquery对象。)

这是一种稍微不同的方法,不需要拆分或担心空格

<span class="inactive" id="Tab1"><a href="#Block1">Label1</a></span>

这是一种稍有不同的方式,无需拆分或担心空间

<span class="inactive" id="Tab1"><a href="#Block1">Label1</a></span>

我建议使用.split(/\s+/)对具有多个spaces@Jon:在寻找第一堂课时,这对任何事情都没有影响,但确实如此。对:)我不应该为偏执狂编程!我建议使用.split(/\s+/)对具有多个spaces@Jon:在寻找第一堂课时,这对任何事情都没有影响,但确实如此。对:)我不应该为偏执狂编程!
<span class="inactive" id="Tab1"><a href="#Block1">Label1</a></span>
var tabtoshow = $(this).children('a').attr('href');