JQuery Дом навигации

Question

<p class="current" style="display: block; ">MD</p>
<input type="text" class="hidden" value="MD" style="display: none; ">
<p class="small hidden" style="display: none; ">MD, MBBS etc.</p>
<a class="save-field-data btn hidden" data-id="medical_degree" href="#" style="display: none; ">Save</a>

Выше объясняются мои элементы html dom. Скажем, я нахожусь в обработчике, прикрепленном к class "save-field-data" Как я могу установить текст class current?

Answer 1

$('a.save-field-data').click(function(){
  $(this).siblings('p.current').html(' ... your html here ... ');
});

Answer 2

.prevAll() должно помочь в этой ситуации:

$('.save-field-data').bind('click', function () {
    $(this).prevAll('.current').eq(0)...
});

Я добавил .eq(0), чтобы выбрать первое совпадение, на случай, если есть несколько .current элементов, которые являются родственными элементами кликаемого .save-field-data element.

Документы для .prevAll(): http://api.jquery.com/prevall

Примечание: разница между .prevAll() и .siblings() заключается в том, что .prevAll() ищет только элементы одного уровня, которые предшествуют текущемуselection и .siblings() выберет всех братьев и сестер, независимо от того, прибывают ли они до или после текущего выбора.

Answer 3

Я не знаю, хорошо ли я здесь, но вы всегда можете установить по классу, как

$(".current").html("your text");

или если хотите ближайший

$(this).closest(".current").html("your text");