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

Question

我很好奇基于 jQuery 的自下而上或从右到左的查询选择。如何改进下面的这个选择器？

不是实际keydown事件，而是代码的.undoand.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 选择器

$(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");

查看我为您的案例创建的这个测试dnsTitle.find(".save, .undo")，似乎是最快的

对于选择器比较，请参阅此测试

Answer 2

您可以使用：

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