Как получить родителя моего элемента?

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>

Как мне изменить текст # l_val_1, когда я нажму +1, текст # l_val_1 будет 21, -1 это будет 19? Я хочу использовать jQuery. Не использовать $ (# l_val_1) напрямую, потому что идентификатор класса list_vote может иметь другое значение (например: # l_val_1 или # l_val_3) на странице HTML

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()));
    });
});

Рабочая демоверсия