javascript - 是否可以将全局变量与 $(this) 一起使用？

Question

我有一系列点击事件，我想抓取它们各自同级的文本。

在本例中，我将 id 设置为 $(this).siblings('div').children('p.item_name').text()，每个项目都不同。

有没有办法全局设置 $(this).siblings('div').children('p.item_name').text() 以便我可以分配 id 到同一个变量？

$('.buy').click(function(e){
    e.preventDefault();
    var id = $(this).siblings('div').children('p.item_name').text();
    shoppingClickHandler('buyItem', id);
})

$('.try').click(function(e){
    e.preventDefault();
    var id = $(this).siblings('div').children('p.item_name').text();
    shoppingClickHandler('tryItem', id);
})

$('.suggest').click(function(e){
    e.preventDefault();
    var id = $(this).siblings('div').children('p.item_name').text();
    shoppingClickHandler('suggestItem', id);
})

Answer 1

尝试一个功能:

function getId(item) {
    return $(item).siblings('div').children('p.item_name').text();
}

那么你可以这样做，例如，

$('.buy').click(function(e){
    e.preventDefault();
    // Old Version:
    // var id = $(this).siblings('div').children('p.item_name').text();
    // New Version:
    var id = getId(this);
    shoppingClickHandler('buyItem', id);
})