Как скрыть 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> 

Мне нужно скрыть 1 Div из 4 дел. Я хочу скрыть только div, который имеет внутренний div как значение «Ключ».

Обратите внимание, что мне не разрешено изменять содержимое HTML. Я могу просто написать Jquery.

Answer 1

попробовать это,

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

См. Это jsfiddle https://jsfiddle.net/cL4wsL3q/1/

Answer 2

Вы можете попробовать это:

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

Answer 3

Поскольку идентификаторы должны быть уникальными в контексте документа, вы должны быть нацелены на конкретный родительский элемент, содержащий #Edit-configKey DIV вместо:

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

Answer 4

Попробуйте этот код

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

Надеется, что это поможет вам.