如何在 jQuery 中選擇除 $(this) 之外的所有內容？

Question

$(".dist_radio").click(function() {
        $(this).attr("class", "dist_radio dist_on");
        if (!$(this)) {
            $(".dist_on").attr("class", "dist_radio");
        }


        console.log($(this).attr("class"));
    });

我正在使用這段代碼來設置單選按鈕的樣式，除了當我點擊另一個按鈕時，其余的不會被刪除dist_on類之外，它有點工作。 你能告訴我它有什么問題嗎？

Answer 1

您可以使用.not() ：

從匹配的元素集中刪除元素。

$(".dist_radio").click(function () {
    $(this).attr("class", "dist_radio dist_on");
    $(".dist_on").not(this).attr("class", "dist_radio");
    console.log($(this).attr("class"));
});

或者更好地使用.addClass()和.removeClass()使您的代碼更清晰：

$(".dist_radio").click(function () {
    $(".dist_radio").removeClass("dist_on");
    $(this).addClass("dist_on");
});

Answer 2

使用.not方法：

$(".dist_radio").not(this).attr("class", "dist_radio");

但是對於您的邏輯，您可以像下面那樣做（使用addClass / removeClass而不是直接更改class屬性）：

$(".dist_radio").click(function() {
    $(".dist_radio").removeClass('dist_on');
    $(this).addClass('dist_on');
});

Answer 3

您可以使用.not()函數從所選集合中排除元素。 將此傳遞給.not()將排除當前對象。 你不需要if這里排除它。

 $(".dist_on").not(this).attr("class", "dist_radio");

.not() ：從匹配元素集中刪除元素。

你的代碼是

$(".dist_radio").click(function() {
    $(this).attr("class", "dist_radio dist_on");
    $(".dist_on").not(this).attr("class", "dist_radio");
});