如何通過使用jQuery檢查父元素的類

Question

這是我在jquery中的第二個腳本。 我想做的事：

<span class="">
    <input name="personalData1" id="personalData1" value="0" checked="checked" type="checkbox">
</span>

這是默認值。 當用戶單擊此輸入字段時，系統將添加選中跨度的類。 因此結果是：

<span class="checked">
    <input name="personalData1" id="personalData1" value="0" checked="checked" type="checkbox">
</span>

我想更改此輸入的值。 如果選中它，否則以其他方式將value設為1，則它將為0。我的代碼：

$(document).ready(function () {
    $("#personalData1").change(function () {
        $('#opc_payment_methods-content').removeClass('hide');

        if ($('#personalData1 > span').hasClass('checked')) {
            window.alert('ok');
        }
    });
});

此if語句出了點問題，我無法進入並顯示警報。 謝謝你的幫助。

親切的問候

Answer 1

您應該使用parent方法，以獲取更多信息Jquery .parent（）

因此，在您的函數中它將是：

$(document).ready(function () {
    $("#personalData1").change(function () {
        $('#opc_payment_methods-content').removeClass('hide');

        if ($('#personalData1').parent().hasClass('checked') == false) {
            window.alert('ok');
            $('#personalData1').parent().addClass('checked');
        }
    });
});

希望能幫助到你，

Answer 2

您將復選框$('#personalData1 > span')引用為父級。 而是這樣做：

 if ($('#personalData1').parent().hasClass('checked')) {
     window.alert('ok');
  }