jquery - 在 jQuery 中启用或禁用

Question

我正在尝试禁用所有 <i class="icon-add user">里面class=container仅当 .user已点击，但似乎没有成功。还有其他<i> ，但不需要触摸它们。我只专注于禁用、启用部分。你能帮忙吗？

$(document).ready(function() {
    $(".user").click(function(){
        console.log('Was clicked');
        $('.container.user').attr('disabled', 'disabled');// Disable all links

        $('.container.user').attr('disabled', '');// Enabled later by the script on success
    });
});

<div class="container">
    <div><i class="icon-add user"></i></div>
    <div><i class="icon-add user"></i></div>
    <div><i class="icon-add user"></i></div>
    <div><i class="icon-add user"></i></div>
    <div><i class="icon-add user"></i></div>
    <div><i class="icon-add user"></i></div>
</div>

Answer 1

选择器$('.container.user')表示同时具有container类和user类的元素。要选择后代，您需要在 .container 和 .user 之间留出空间。您正在使用 i 标记，您可能需要使用 a > 用于 anchor 。此外，您在同一事件中启用和禁用，因此您的第一个设置将被覆盖。

更改

$('.container.user')

至

$('.container .user')

attr() 正在设置禁用属性，但不禁用单击。使用off to remove event来分离点击事件，可以测试一下here .