找到特定div的第二类

Question

我想在头等舱gifv-player找到第二类div，在我的情况下divone我试过这样：

var test = $(".info-div .gifv-player").attr('class');

但结果为gifv-player divone，而不仅仅是divone？

        <div class="ifo-div" >
        <div class="gifv-player divone" >
        <p> Div 1 content</p>      
        </div>
        </div>
         ...

任何帮助？

Answer 1

我认为，这是你获得div的第二类的方式：

<div class="gifv-player divone" >
        <p> Div 1 content</p>      
        </div>

$(".gifv-player")[0].classList[1] // returns divone

请注意，班级divone始终必须处于第二位。

Answer 2

$(".gifv-player").attr('class').split(' ')[1];

通过调用attr（'class'），您将拉出元素所属的所有类，用空格分隔。您可以拆分该输出并每次都抓住第二个类。

Answer 3

试试这个：

var classList = document.getElementsByClassName('gifv-player').className.split(/\s+/);
      for (var i = 0; i < classList.length; i++) {
   if (classList[i] === 'divone') {
    //do something
   }

}