0

私はJavaScriptに精通していないので、助けを求めています。opencart で javascript を使用して、次のブロックのメイン クラスにクラスを適用する方法を探しています。

<div class="mainclass">

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

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

次のJavaScriptコードを使用すると機能しますが、子クラスでのみ機能し、メインクラスに適用したいと考えています。コードは基本的に入力の親に適用するように言っているので、正しいことがわかります。しかし、メインクラスに適用されるように拡張または上昇するにはどうすればよいですか?

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

1 に答える 1

0

に変更parent()しparents()て追加.mainclassしparents()ます。次に、で親を検索し、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/を参照してください

于 2014-09-26T09:41:40.190 に答える