Как выбрать ребенка из родительского DIV в Jquery

Question

я следующий HTML:

<div class="a"> 
    <div class="b"></div> 
    <div class="x"></div> 
    <div class="y"></div> 
    <div class="c"> 
     <div class="d"></div> 
    </div> 
</div> 

Когда я называю $(".d").click(function(){, как я могу выбрать Div класс .b? Я хочу сделать это относительно, не используя имя класса .b.

Answer 1

$(".d").click(function(){ 
    $(this).parent().prev('div'); // or $(this).closest('.b'); 
}); 

Обновлено после комментария OP в

fiddle DEMO

$(".d").click(function(){ 
    $(this).parent().parent().children().first(); 
}); 

Ссылка

.closest()

.parent()

.prev()

Answer 2

Вы должны найти parent предыдущая sibling

$(".d").click(function(){ 
    $(this).parent().prev(); 
}) 

, если вы хотите, чтобы установить третий брат, прежде чем текущий родительский просто добавить три раза Prev() отл.

$(".d").click(function(){ 
     $(this).parent().prev().prev().prev(); 
}) 

Answer 3

Это зависит от того, будут ли их относительные позиции всегда оставаться неизменными.

Если б всегда будут предыдущими родственными двойки родителя, вы можете выбрать его следующим образом:

$('.d').on('click', function(){ 
    var b = $(this).parent().prev(); 
}); 

Если б всегда будут первым ребенок d'родителя в родителях:

$('.d').on('click', function(){ 
    var b = $(this).parent().parent().find(">:first-child"); 
}); 

Answer 4

стандартный подход:

$('.module').on('click', '.button', function() { 
    $('.other', this)... 
}); 

Где:

• .module является внешним наиболее элементом (обертки) компоненты страницы,
• .button является элементом внутри компонента, нажмите действия, которые вы слушаете,
• .other это элемент вы выбираете в обработчике кликов.

Обратите внимание, как: используется делегация

• событие,
• запрос внутри обработчика локальна, ограничена компонента страницы.

Кроме того, обратите внимание, как другие ответы закодировав отношения элемент в JQuery (те parent() и sibling() звонки), которая не хороший подход.

Answer 5

$(.d).click(function(){ 

$(this).parent().siblings('.b') //in this way 
}) 

Есть много способов для этого для них вы можете обратиться на сайт Jquery http://api.jquery.com/category/selectors/

Answer 6

$(".d").click(function(){ 
    alert($('div[class="a"]').children(":first").text()); 
}); 

это будет выбрать элемент с классом б.

Live Demo

Это также будет работать

$(".d").click(function(){ 
    alert($(this).parent().parent().children(":first").text()); 
}); 

Live Demo 2

Даже этот

$(".d").click(function(){ 
    alert($(this).parent().prev('div').text()); 
}); 

Live Demo 3