javascript - 如何为 "this".sibling 设置文本装饰

Question

我想在选中复选框时制作“line-through”文本装饰，并在取消选中复选框时删除装饰。

这是我的js:

if ($(this).is(':checked')) {
    $(this).siblings('label').style.textDecoration = "line-through";
} else {
    $(this).siblings('label').style.textDecoration = "none";
}

使用当前代码，我得到的错误是

Uncaught TypeError: Cannot set property 'textDecoration' of undefined

我假设这是因为它不喜欢我的 this.siblings 字符串。

Answer 1

试试这个。

$(this).siblings('label').css('text-decoration', 'line-through');

$(this).siblings('label').css('text-decoration', 'none');