如何相应地更新div文本内容

Question

单击加号图标时，如何更新另一个div中的数量？

负责数量的div是

HTML.append('<div  id_attr2="'+id_attr+'" style="display:inline-block" >'+quantity+'</div>');

点击加号按钮，我试图增加一个名为quantity的变量，该变量是initaillay硬编码为1，但它对所有项目显示相同

http://jsfiddle.net/4ZKRz/1/

$( document ).on( "click", ".buttontest", function() {
    var $id = $(this).prevAll("input").first().attr("id");
    if($(this).hasClass("inc")){
        $(".cart").find("div").each(function(){
            if($(this).attr("id_attr")==$id){
              $(this).text(parseInt($(this).text(),10)+amountdd);
            }
        });
    }else if($(this).hasClass("dec")){
        $(".cart").find("div").each(function(){
            if($(this).attr("id_attr")==$id){

            $(this).text(parseInt($(this).text(),10)-amountdd);
            }
        });
    }
    });

有人可以告诉我如何相应地更新数量div文本内容

Answer 1

你几乎得到了它！您只需使用$.next()函数来获取下一个兄弟，然后更新其数量

$(this).text(parseInt($(this).text(),10)+amountdd);
var $quantElm = $(this).next();
var quant = parseInt($quantElm.text());
$quantElm.text(quant + 1);

同样适用于减少。

updated fiddle

Answer 2

使用此脚本开始

HTML

<div class="num">0</div>//div whose number is to be imcremented
<div class="add1">add+</div>//div to cause the imcrement

的javascript

$(document).ready(function(){
   $(".add1").click(dunction(){

       var select_counter  = $(".num");//the div whose number to increment
       var get_num = parseInt(select_counter.text());//get the number
       select_counter.html(get_num + 1);//increment it

  }
}