JQuery Selector

Question

Я хочу добиться перехода к родительскому элементу, а затем к элементу prev получить идентификатор атрибута элемента, который имеет class: classname.

<div>

<span><span id="190" class="classname">blabla</span></span>

<span><a href="#" class="button">blabla</a></span>

</div>

Псевдокод:

$('.button').click(function(){
 console.log($(this).parent().prev().$(".classname").attr("id"));
});

Должен ли я использовать находку здесь или есть другой способ?

Answer 1

Для вашего примера:

$(this).parent().prev().children( '.classname' ).attr( 'id' );

Answer 2

Кстати, идентификатор "190" недействителен, атрибуты id и name должны начинаться с буквы, а не с цифры.

Answer 3

Может быть, вы могли бы использовать функцию контекста, например так:

$('.button').click(function(){
    console.log( $('.classname', $(this).parent() ).attr('id') );
});

Answer 4

Как сказал Иванфоссон, вы можете использовать его совет, только если знаете конечное число шагов или слоев вниз по DOM элементу, который вы ищете, но если <div>, который вы поместили, относительно некоторых других элементов div, и вы также можете используйте find, а затем

$(this).parent().prev().children( '.classname' ).attr( 'id' );

Answer 5

Найти кажется самым коротким способом добраться туда ...

alert($(this).parents("div").find(".classname").attr( 'id' ));

или

alert($(this).parents("div").find("span span").attr( 'id' ));

Answer 6

Я бы использовал find, как вы предложили.