如何使用jquery基于子值隐藏标签

Question

我想基于值隐藏元素和标签:我的HTML代码看起来像这样

<form id="wrapper">
    <label>
        <input type="checkbox" value="Slider">
        Slider
    </label>
</form>

所以使用jquery我可以找到一个包含value="Slider" 但仍然保留标签的输入值,因为它不包含任何id或者class我不能在那里添加任何东西,所以如何隐藏它

$('#wrapper').find("input[value='Slider']").each(function(){
    $(this).hide()
});

这是一个JSFIDDLE.

Answer 1

您需要隐藏父label元素以隐藏输入元素及其兄弟文本:

$('#wrapper').find("input[value='Slider']").closest('label').hide();