Question

<div class="list_desc clearfix">
    <div class="badge">
        <div class="badgetop">
            <p class="list_vote" id="l_val_1">20</p>
            <p class="list_vote_label">votes</p>
        </div>
        <div class="badgebottom" id="vl_1">
            <div><a href="#+1"/>+1</a></div>
            <div><a href="#-1"/>-1</a></div>
        </div>
        <div class="badgebottom" id="vl_2">
            <div><a href="#+1"/>+2</a></div>
            <div><a href="#-1"/>-2</a></div>
        </div>
    </div>
</div>

当我点击+1时，如何更改＃l_val_1的文本#l_val_1的文本将为21，-1将为19？我想使用jQuery。不直接使用$（#l_val_1），因为类list_vote的id在HTML页面中可能具有不同的值（例如：#l_val_1或#l_val_3）

Answer 1

试试这个：

$("div.badge div.badgebottom div a").click(function(){
   var elementToChange = $("div.badge div.badgetop p.list_vote");
   elementToChange.text((parseInt(elementToChange.text()) + parseInt($(this).text())).toString());
});

Answer 2

你可以这样做

$(function(){
    $("div.badgebottom div a").click(function(){
        var node = $("div.badgetop p.list_vote");
        var nodeID = $("div.badgetop p.list_vote").attr("id");              
        node.text(eval(parseInt(node.text(),10) + $(this).text()));
    });
});

<强> Working Demo

如何获得我元素的父级？

2 个答案: