如何根据内部 div 中的值隐藏 div

Question

<form id="jtable-edit-form" class="jtable-dialog-form jtable-edit-form">
<div class="jtable-input-field-container">
    <div class="jtable-input-label">Type</div>
    <div class="jtable-input jtable-text-input">
        <input class="" id="Edit-configType" type="text" name="configType">
    </div>
</div>
<div class="jtable-input-field-container">
    <div class="jtable-input-label">Key</div>
    <div class="jtable-input jtable-text-input">
        <input class="" id="Edit-configKey" type="text" name="configKey">
    </div>
</div>
<div class="jtable-input-field-container">
    <div class="jtable-input-label">Value</div>
    <div class="jtable-input jtable-text-input">
        <input class="" id="Edit-configValue" type="text" name="configValue">
    </div>
</div>
<div class="jtable-input-field-container">
    <div class="jtable-input-label">Description</div>
    <div class="jtable-input jtable-text-input">
        <input class="" id="Edit-description" type="text" name="description">
    </div>
</div>

我需要隐藏 4 个 div 中的 1 个 div。我只想隐藏具有内部 div 作为值 'Key'.

的 div

请注意，我不能更改 HTML 内容。我可以为它写Jquery。

Answer 1

你可以试试这个：

$( "div.jtable-input-label:contains('Key')" )
    .closest( "div.jtable-input-field-container" )
    .css( "display", "none" );

Answer 2

因为 ID 在文档上下文中必须是唯一的，所以您应该定位包含 #Edit-configKey DIV 的特定父元素，而不是：

$('#Edit-configKey').closest('.jtable-input-field-container').hide();

Answer 3

试试这个，

$("#jtable-edit-form .jtable-input-label:contains('Key')" ).parent().hide();

查看这个 jsfiddle https://jsfiddle.net/cL4wsL3q/1/

Answer 4

试试这个代码

$(document).ready(function(){
     $( "div.jtable-input-label:contains('Key')" ).parent().hide();
});

希望对您有所帮助。

如何根据内部 div 中的值隐藏 div

How To Hide a div based on value in inner div

html

javascript

jquery

jtable