javascript - jQuery 通过 ID 获取要修改的区域，然后通过组件的 ID 修改

Question

嘿，我似乎无法让它在 jQuery 中工作，尽管我知道它可以:

我的 HTML 代码:

<div class="cd-panel from-right" id="va">
    <header class="cd-panel-header" style="max-width: 600px;">
        <h1 style="margin-top: 5px;" id="panHeading"></h1>
    </header>
    <div class="cd-panel-container" style="max-width: 600px; width: 600px;">
    [more html code here...]
    <div class="input-group">
       <div class="input-group-addon">
          <span class="glyphicon glyphicon-envelope"></span>
       </div>
       <div class="col-sm-10">
          <input name="RequestID" disabled="True" class="form-control input-sm" 
           id="RequestID" style="width: 520px; max-width: 520px;" type="text">
       </div>
    </div>
    [more html code here...]
</div>
<div class="cd-panel from-right" id="VDA">
    <header class="cd-panel-header" style="max-width: 600px;">
        <h1 style="margin-top: 5px;" id="panHeading"></h1>
    </header>
    <div class="cd-panel-container" style="max-width: 600px; width: 600px;">
    [more html code here...]
    <div class="input-group">
       <div class="input-group-addon">
          <span class="glyphicon glyphicon-envelope"></span>
       </div>
       <div class="col-sm-10">
          <input name="RequestID" disabled="True" class="form-control input-sm" 
           id="RequestID" style="width: 520px; max-width: 520px;" type="text">
       </div>
    </div>
    [more html code here...]
</div>

这是我的 jQuery 代码:

if (responce["personData1"][0].RequestID != 1) {
   $('#va > #RequestID').val(responce["personData1"][0].RequestID);
}

但它永远不会将 VA 的值放入 RequestID 文本框中，即使它确实具有 RequestID 值。如果我这样做:

$('#RequestID').val(responce["personData1"][0].RequestID);

然后它就有文本框中的值。

我会缺少什么？

Answer 1

您需要使用，摆脱 > 它会查找直接子元素，并且 RequestID 不是 va 元素的子元素。

$('#va #RequestID').val(responce["personData1"][0].RequestID)

另请注意HTML 中的标识符必须是唯一的。您可以分配一个类，然后像这样使用它

 <input name="RequestID" disabled="True" class="form-control input-sm RequestID"  style="width: 520px; max-width: 520px;" type="text">

然后

$('#va .RequestID').val(responce["personData1"][0].RequestID)