在没有重新加载的情况下更改Dom中的Dom元素？

Question

我不知何故找到一种方法来根据投票改变Li对象的Dom元素。

因此，用户可以Upvote一个链接，如果该链接得到更多Upvotes然后另一个它应该上涨，直到它少一个更高basiclly。

这里的HTML代码：

<li> 
    <span><span class="icon icon"></span><a href="http://"   
    rel="nofollow" target="_blank">Name</a> </span> 
    <div class="right"><button>+</button><span id="displayCount">(0). 
    </span></div> 
    </li> 

    <li> 
    <span><span class="icon icon2"></span><a href="http://" 
    rel="nofollow" target="_blank">Name</a> </span> 
    <div class="right"><button>+</button><span id="displayCount">(0). 
    </span></div> 
    </li> 

而且JS：

$('button').click(function() { 
    var newCount = parseInt($('#displayCount').text()) + 1; 
    $('#displayCount').text(newCount); 
    }); 

使按键也算，但我无法弄清楚如何真正与图标2，如果改变李计数高于Li with Icon，而不重新加载页面。我怎么能做到这一点？

干杯，

朱利安

Answer 1

<li> 
    <span><span class="icon icon"></span><a href="http://"   
    rel="nofollow" target="_blank">Name</a> </span> 
    <div class="right"><button class="add">+</button><span class="displayCount">(0). 
    </span></div> 
    </li> 

    <li> 
    <span><span class="icon icon2"></span><a href="http://" 
    rel="nofollow" target="_blank">Name</a> </span> 
    <div class="right"><button class="add">+</button><span class="displayCount">(0). 
    </span></div> 
    </li> 

$('button.add').click(function() { 
    var $element = $(this).parent().find('.displayCount:first'); 
    var newCount = parseInt($element.text()) + 1; 
    $element.text('('+newCount+')'); 
});