Question

我很好奇基于jQuery的Bottom up或Right to Left查询选择。下面的选择器如何改进？

不是实际的keydown事件，而是代码的.undo和.save部分？

<div id="dnsTitle" class="account accountTitle">
    <div class="content">
         <h4>DNS records for:  <a href="http://testing3.com" target="_blank">testing3.com</a></h4>
    <div>

    <div class="actions">
        <a class="undo disabled">Undo Changes</a>
        <a class="save disabled">Save Changes</a>
        <a class="back" href="./?module=dns_manager">Domain List</a>
    </div>
</div>

jQuery Selector

$(document).on("keydown", "#dnsRecords input" ,function() {
    $("#dnsTitle a.save, #dnsTitle a.undo").removeClass("disabled");
});

Answer 1

尝试

var dnsTitle  = $("#dnsTitle");
$(document).on("keydown", "#dnsRecords input" ,function() {
    $(".save, .undo", dnsTitle  ).removeClass("disabled");
});

或

dnsTitle.find(".save, .undo").removeClass("disabled");

结帐this test我为您的案例创建了dnsTitle.find(".save, .undo")似乎是最快的

对于选择器比较，请参阅this test

Answer 2

您可以使用：

$(document).on("keydown", "#dnsRecords input" ,function() {
    $("#dnsTitle").find(".save, .undo").removeClass("disabled");
});

使用jQuery的自下而上选择器方法

2 个答案: