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

我想基于值隐藏元素和标签： 我的html代码如下所示

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

---

下面是一个。

您需要隐藏父

标签

元素以隐藏输入元素及其同级文本：

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

您可以尝试以下方法：

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

});

使用方法检查元素的子元素

$（“label”）.has（“input[value='Slider']”）.hide（）

滑块
滑块2
我认为没有必要在@poonam@Egzona这里给出每个循环。你忘了附加jQuery。我可以在没有jQuery的情况下使用javascript进行同样的操作吗？因为我遇到了一些脚本冲突，比如：document.getElementById（“”）.style.display='none'；请在完成本次讨论的答案中选择一个。
    $('#wrapper').find("input[value='Slider']").each(function(){
          // $(this).hide();  If you want to hide input too
           $(this).parent().hide();

});