jQuery如何在li内单击div以更新另一个div

Question

我有一个ul，我通过JavaScript将li附加了两个div，如下所示

c_list = $('.encounter_creatures_list > ul')  
db.transaction(
    function(transaction) {
        transaction.executeSql(
          'SELECT * FROM creatures;',
          [], 
            function (transaction, result) {
               var creature_array = new Array();
               for (i=0; i < result.rows.length; i++){
                 var row = result.rows.item(i)
               li = $("li[key='" + row.id + "']")
                     if(li.length > 0) {
                       // $('#name', li).html(encounter.name)
                     } else {
                      creature_array.push(row)
                       var counter = 0
                           li = $("<li key='"+ row.id + "' class='list_"+ row.id + "'>"+ row.name +  "<div class='plus_"+ row.id + "'>+</div> <div class='counter_"+ row.id + "'>"+ counter  +"</div></li>") 
                       li.css({'border': '1px solid #999999', 'color': '#222222', 'display': 'block', 'font-size': '17px', 'font-weight': 'bold', 'margin-bottom': '-0.5px', 'padding': '12px 10px', 'text-decoration': 'none'})
                       c_list.append(li)      
 //                           alert($(".counter_"+ row.id + "", li).text()) 
//                           $(".plus_"+ row.id + "", li).click(function(event) {
//                              $(".counter_"+ row.id + "", li).text(counter + 1)
//                             event.preventDefault();
//                           })

                    } 
               } 
            })
       }) 

我想做我已评论的部分，即单击一个div以更新li内的另一个。

Answer 1

将另一个类添加到div是静态的。 比将此添加到您的onload事件。 所有具有.classname类的元素都将具有onclick功能。

$(".classname").live("click", function() {
  var rowid = $(this).attr("key");
  alert($(".counter_"+ rowid, li).text());
  $(".counter_"+ rowid, li).text(counter + 1);
});

边注。 您的代码有点混乱。 您应该尝试对其进行重构。