Как выбрать следующий элемент Jquery?

Question

[Дмитрий]

Здравствуйте!
Подскажите, пожалуйста, требуется выбрать следующий элемент по классу, имею:

$(document).ready(function() {

$(".md-close").click(function() {
		  
 	$(this).live('.md-close').addClass('new');

	$.get( 'page.json', function(data) {

	});

}, "json" );
	});

});

Сам html код:

<div class="object"><button class="md-close"></div>
<div class="object"><button class="md-close"></div>
<div class="object"><button class="md-close"></div>
<div class="object"><button class="md-close"></div>

В приведенном коде стоит: $(this).live('.md-close').addClass('new'); который и должен выбирать следующий элемент на странице!

Answer 1

[Александр Литвинов]

$(this).parent().next(".object").children(".md-close").text("Mark this");

Comments

[Дмитрий]

К сожалению данный код не работает!

[Александр Литвинов]

@muldy Поправил. Работает

[Дмитрий]

Да все отлично спасибо!!! Сэкономили кучу времени!

[Happy_Holidays]

Александр Литвинов: а есть ли более универсальный метод, чтобы обратиться к следующему элементу после this в выборке $(".md-close")? Например, $(this:first) - обратится к первому, а вот $(this:next) - такого нет. Просто если вложенность элемента будет слишком большой или названия классов у родительских элементов разные, то тогда как?

[Александр Литвинов]

Happy_Holidays Может такой вариант подойдет

<div class="object"><button data-id = "0" class="md-close"></div>
<div class="object"><button data-id = "1" class="md-close"></div>
<div class="object"><button data-id = "2" class="md-close"></div>
<div class="object"><button data-id = "3" class="md-close"></div>

$(document).ready(function() {
            var buttons = $(".md-close");
            buttons.click(function() {
                buttons.eq($(this).data('id') + 1).css('border', 'solid 1px #000');
            });
        });

Answer 2

[Николай Васильчук]

$(this).live('.md-close').addClass('new');
Это вообще то бред.