Question

我在某种程度上无法根据投票找到改变Li对象的Dom元素的方法。

所以一个用户可以Upvote一个链接，如果链接得到更多的Upvotes，那么它应该上升，直到它比基本上更低的一个更少。

这里是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);
    });

所以Button确实计数，但如果计数高于带有Icon的Li，我无法弄清楚如何用Icon 2实际更改li，而无需重新加载Page。我怎么能这样做？

干杯，

儒略

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+')');
});

在没有重装的情况下改变李的Dom元素？

1 个答案: