Question

所以我想说我有这样的div设置：

<div class="score"><div>
<div class="score></div>
<div class="score"><div>
<div class="score>
    <div class="compare"><div>
</div>

我正在使用跳房子游览，它会在元素目标上弹出游览。要访问第4个div，我会这样做

$('.score')[3]

但是我如何访问第4类中的compare类，假设它们可能是其他比较类，所以我特别希望将第4分数元素中的比较类作为目标。

我想我试图做这样的事情，但我不知道正确的格式，如果我知道在谷歌搜索的正确搜索条件我可能会找到它，但我不知道正在寻找的正确术语。< / p>

一些不好的尝试是：

$('.score')[3].compare; 
$('.score[3] > compare');
$('.score > compare')[3];
$('.score').eq(3).compare;

对于奖励积分，相反的方式。如果我有：

<div class="score">
    <div class="compare"></div>
    <div class="compare"></div>
    <div class="compare"></div>
    <div class="compare"></div>
<div>

如果我想在分数类中访问比较的第4个元素

，该怎么办？

Answer 1

试试FIDDLE，对于你的情况1

<div id='case1'>
<div class="score"><div>
<div class="score"></div>
<div class="score"><div>
<div class="score">
    <div class="compare">test<div>
</div>
</div>


var $target = $('#case1');
var text = $('#case1').find('div.score:eq(3) > div.compare').text();
alert(text);

案例2

<div id='case2'>
<div class="score"><div>
<div class="score"></div>
<div class="score"><div>
<div class="score">
    <div class="compare">test1</div>
    <div class="compare">test2</div>
    <div class="compare">test3</div>
    <div class="compare">test4</div>
</div>
</div>

var $target = $('#case2');
var  text = $('#case2').find('div.score:eq(3) > div.compare:eq(3)').text();
alert(text);

希望它对你有用

Answer 2

试试这个

$('.score').children().eq(3).hasClass('compare');

如果第四个元素具有'companre'类

，则返回true / false

享受！

在另一个类中访问类[x]

2 个答案: