如何使用Jquery隐藏DOM元素-不重复

时间:2018-12-01 16:20:17

标签: jquery

它不是重复的,我不了解如何进行此操作。 我是JQuery的新手,请帮助我隐藏DOM元素之一,请引用我的Image 1(实际UI)和Image 2(需要隐藏的DOM元素)。 注意:-中的所有元素都具有相同的类名,因此在隐藏特定元素时我必须小心,请帮助我。 DOM元素- Image1 - UI Screen Image2 - DOM element

这是我需要隐藏的DOM元素:-         

 <label for="Shipper Organization ID">

   <input type="checkbox" value="2794">

   <span class="s-panel-label-text" id="Shipper Organization ID">Shipper Organization ID</span>

 </label>

</div>

1 个答案:

答案 0 :(得分:0)

如果您具有输入的值,并采用唯一(例如商品ID的种类),则可以将value 属性 [value=""]定位为目标并像这样寻找.closest()

function hideCheckboxRadioRow( id ) {
  $("[value='"+ id +"']").closest(".s-checkboxradio-row").hide();
}

并像这样简单地使用它:

hideCheckboxRadioRow( 2794 );

通知 :(感谢@charlietfl)
 for=""属性值内不能有空格,因为它引用了输入的ID-并且 ID不能有空格(因此是无效的ID)