2016-01-05 3 views
1

Так позволяет сказать, что я имею установку Див вроде этого:доступа [х] в другом классе

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

Я использую классики тур, который POPUPS тур в целевом элементе. Чтобы получить доступ к 4-ю DIV я бы это сделать

$('.score')[3] 

Но как бы я получить доступ к сравнить класс в этом 4-го класса при условии их могут быть и другие сравнить классы, так что я определенно хочу, чтобы предназначаться сравниваемым класс в 4-бальном элементе ,

Я думаю, я пытаюсь сделать что-то вроде этого, но я понятия не имею о правильном формате, и если бы я знал правильные условия поиска для поиска в google, я бы, вероятно, нашел его, но я не знаю, какой правильный термин им нужен.

Некоторые плохие попытки:

$('.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-й элемент сравнения внутри класса бальной

+0

'$ (» оценки .compare:. П-го ребенка (4) ') ' –

ответ

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); 

Надеется, что это работает для вас

0

Попробуйте это

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

Это вернет истина/ложь, если четвертый элемент имеет ' companre 'класс

Наслаждайтесь!

Смежные вопросы