javascript將類別添加到基於廣播選擇的類別

Question

我不太精通javascript，所以我正在尋找幫助。 我正在尋找一種通過opencart中的javascript將類應用於以下代碼塊的主類的方法

<div class="mainclass">

    <div class="childclass">
    ....
    <input type="radio" ..../>

    <?php } else { ?>
   ....

使用以下javascript代碼可以工作，但僅適用於childclass，我希望它適用於mainclass。 我可以看到代碼基本上說適用於輸入的父項，因此它是正確的。 但是我該如何擴展或爬升以便適用於主類？

$(document).ready(function () {
$('input').click(function () {
$('input:not(:checked)').parent().removeClass("checked");
$('input:checked').parent().addClass("checked");
});
$('input:checked').parent().addClass("checked");
});

Answer 1

將parent()更改為.mainclass parents()然后將.mainclass添加到.mainclass parents() 。 然后，您使用class = mainclass搜索父class = mainclass ，並將checked的類應用於該div 。

$(document).ready(function () {
    $('input').click(function () {
        $('input:not(:checked)').parents('.mainclass').removeClass("checked");
        $('input:checked').parents('.mainclass').addClass("checked");
    });
    $('input:checked').parents('.mainclass').addClass("checked");
});

參見http://jsfiddle.net/fam04sro/1/