jquery - 在jquery中按类获取文本

Question

我想在这个例子中得到 test。为什么它不起作用？

HTML

<div id="partTypes">
    <div class="partType">
        <div class="details"> <span class="name">test</span>

        </div>
        <div class="buttons">
            <input class="addCart" type="button" value="click me" />
        </div>
    </div>
</div>

JavaScript

$(document).ready(function () {
    $('input.addCart').live('click', function () {
        var $partType = $(this).closest('div.partType');
        alert($partType.filter('span.name').text());
    });
});

Answer 1

改变:

alert($partType.filter('span.name').text());

到:

alert($partType.find('span.name').text());

理想情况下，您还想停止使用 .live() 并移至 .on()(因为 live 不久前已被弃用并在 1.9 中被删除)所以整个 block 将是:

$('input.addCart').on('click', function () {
    var $partType = $(this).closest('div.partType');
    alert($partType.find('span.name').text());
});

jsFiddle example