jquery 简化了 onclick 事件的选择答案

【问题标题】：jquery simplify selection for onclick eventjquery 简化了 onclick 事件的选择
【发布时间】：2013-10-02 21:01:03
【问题描述】：

看起来有问题（效率低下？）：

$($('.feature-s').siblings()).children().children('a[data-target=#deleteModal]').parent().parent().click();

我想选择跨度：

/html/body/div/div/div/div[1][class="feature-s"]
/html/body/div/div/div/div[2]/span/a/i/span <= click

但不是在哪里：

/html/body/div/div/div/div[1][class="something else"]
/html/body/div/div/div/div[2]/span/a/i/span <= not handled

我在这里重现了这些情况：

如果我的选择器没问题，就这么说吧。我只是觉得必须有更好的方法来根据现有的 dom 选择该按钮。

谢谢！

【问题讨论】：

【解决方案1】：

最简单和最快的（在所有其他答案中）是：

$('.feature-s + div a[data-target="#deleteModal"]')

【讨论】：

【解决方案2】：

检查下面的 jsFiddle。您可以使用 + 选择器直接选择 feature-s 之后的元素。

$('.feature-s + div').find('a[data-target="#deleteModal"]').click(function(){
    alert('hey');
    return false;
});

下面的示例效果很好，而且效率更高。

【讨论】：

【解决方案3】：

我认为

$('.feature-s').siblings()

已经返回 jQuery 对象，因此您不必将其包装到 $() 中。

一切看起来都很好。希望这会有所帮助。

【讨论】：