How to hide label based on child value using jquery

Question

I want to hide an element and a label based on value: My html code looks like this

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

So using jquery i can find an input value that contains value="Slider" but the label still remains, because it it doesn't contain any id or class and I can't add anything there, so how can I hide it

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

Here is a JSFIDDLE .

Answer 1

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

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

Answer 2

Use .has() method to checking children of element.

 $("label").has("input[value='Slider']").hide(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label> <input type="checkbox" value="Slider"> Slider </label> <label> <input type="checkbox" value="Slider2"> Slider2 </label> 

Answer 3

You can try this:

    $('#wrapper').find("input[value='Slider']").each(function(){
          // $(this).hide();  If you want to hide input too
           $(this).parent().hide();

});