Question

我有以下html：

<div class="target">
<div class="empty ui-droppable"><div class="item wat ui-draggable" style="position: relative; top: 0px; left: 0px;"><span class="closer"></span>
</div></div>
<div class="empty ui-droppable"><div class="item ura ui-draggable" style="position: relative; top: 0px; left: 0px;"><span class="closer"></span>
</div></div>
        <div class="empty ui-droppable"><div class="item wat ui-draggable" style="position: relative; top: 0px; left: 0px;"><span class="closer"></span>
</div></div>
<div class="empty ui-droppable"><div class="item ura ui-draggable" style="position: relative; top: 0px; left: 0px;"><span class="closer"></span>
</div></div>
        <div class="empty ui-droppable"><div class="item ura ui-draggable" style="position: relative; top: 0px; left: 0px;"><span class="closer"></span>
</div></div>
<div class="empty ui-droppable"><div class="item mox ui-draggable" style="position: relative; top: 0px; left: 0px;"><span class="closer"></span>
</div></div>
</div>

我想提取目标中每个项目的特定组成部分。

该组件位于每个项目的第一个子项中。

组件是类wat，mox或ura。

我尝试了很多方法，但我无法让它发挥作用。：/

如果有人能说下一步该怎么做，我们将不胜感激。

顺便说一下，如果你让它工作，它需要放在一个数组中，如： [：URA，：笏，：PLU，.......，：URA]

提前致谢

我的小提琴是http://jsfiddle.net/LdeGC/2/

Answer 1

如果你总是将你正在寻找的课程保留在第二个位置，就像你在小提琴中那样，这里有一个解决方案，即：'item CLASSYOUWANTTOEXTRACT'

http://jsfiddle.net/tsyhn/

我所做的只是浏览每个项目，将类attr作为字符串抓取，将其拆分为空格，然后取第2个元素。希望这对你有用。

var itemArray = [];

$('.source .item').each(function(){
    var $this = $(this), classes = $this.attr('class').split(' ');

    itemArray.push(':' + classes[1]);
});

jquery提取子类和过滤器

1 个答案: