javascript - 使用 jquery 定位父对象

Question

我一定是疯了，因为这么简单的东西不起作用:http://jsfiddle.net/vB7Nd/

我试图通过列表循环添加元素的成本并将价格附加到标题中的标题标签，但我似乎无法定位它:

HTML结构:

<div id="holder"> 
<div class="container">    
<span class="title1" style="border: 1px solid green;">Total:</span>   
<ul>
<li cost="2" type="clothes">Car</li>
<li cost="5" type="clothes">Hat</li>
</ul>
</div>
<div class="container">    
<span class="title1" style="border: 1px solid green;">Total:</span>   
<ul>
<li cost="4" type="product">Coffee</li>
<li cost="4" type="product">Milk</li>
</ul>
</div>

</div>

JS

    $('#holder ul').each(function(index, value) { 
    var cost = 0;
    $(this).children().each(function(index,value) {

    var classification = $(this).attr('type'); 
    switch(classification) {

    case 'clothes':
    console.log(parseInt($(this).attr('cost')));
    cost +=  parseInt($(this).attr('cost')); 
    //this line does not work:
    $(this).parents('.container').closest('title1').css('border','1px solid red');
     //neither does this:
    $(this).parent().parent().find('title1').append(cost);
    break;
    }
    });

    console.log('cost is' +cost);
});

Answer 1

据我所知，它可以像这样简单

$('#holder .container').each(function (index, value) {
    var total = 0;
    $(this).find('li').each(function () {
        total += +$(this).attr('cost') || 0;
    })
    $(this).find('.title1').append(total)
})

演示:Fiddle

注意:我使用一元加运算符将 cost 的字符串值转换为数字，而不是使用 parseInt()