javascript - 如何根据内部 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" );