2014-02-19 66 views
1

Im的HTML值遗憾的冠军,但我不知道怎样提出一个标题为这个问题如何让一个兄弟DIV

问:

我有一个div容器和两个孩子的div 。第一个孩子div包含,我想每递增点击了第二个孩子的div时间的数值

CODE:

<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因为它会影响每个第一个孩子div

+0

你尝试过什么? – j08691

+0

是的第一个孩子似乎似乎合理,但问题开始时,多个div存在 –

回答

3

答案,使用prev功能不是很好,如果项目顺序改变,代码停止工作。

试试这个:

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

解决方案似乎是固体,但我需要从值计数器得到的值,即2,并增加它 –

+0

@先生代码,好的,回答更正。点击“.like_unlike”,计数器递增。 – maximkou

+0

@ Mr.coder你有正确的称呼它是一个兄弟,因为这种情况下使用兄弟会是一个更好的电话。 –