как получить HTML значение брата DIV

Question

Im извините за титул, но я не знаю, как сформулировать название для этого вопроса

Вопрос:

я есть контейнер DIV и два дочерних дивы .the первый ребенок DIV содержит числовое значение, которое я хочу инкрементируется каждый раз, когда второй ребенок ДИВ щелчке

КОД:

<div class="container1"> 
    <span class="like_counter">2</like> 
    <span class="like_unlike">Like</span><!--if the text within is like then on click it will change the inner text to unlike and increment the value in like counter by 1.if it is unlike it will decrement it by 1 and change inner text to Like--> 
</div> 

Обратите внимание на первые дочерние селекторы не Optio n, потому что это повлияет на каждого первого ребенка. div

Answer 1

ответов, используемые prev функции не очень хорошо, если порядок элементов меняется, код перестает работать.

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

$(".like_unlike").bind("click", function(e) { 
    e.preventDefault(); 
    var likeCounter = $(this).siblings(".like_counter"); 
    likeCounter.html(parseInt(likeCounter.html()) + 1); 
}); 

Answer 2

Это называется родственный брат. Вы можете использовать

$(this).prev(); 

https://api.jquery.com/prev/

Answer 3

Вы можете использовать

$(this).prev() 

и некоторые более интересные родственный поиск по-с другими перечислены здесь http://home.techphernalia.com/70480/HTML/Selector.html