Jquery 將數據從變量插入動態輸入

Question

我正在嘗試將數據插入到帶標簽的輸入中。 “提議的銷毀日期” 不幸的是，ID 和名稱是動態的，不能使用。 我試圖找到 label 然后是 label 之后的下一個輸入。 我迷失了做到這一點的最佳方法。

這是來自 label 和輸入的代碼。 我沒有控制權。

 $("label:contains('Proposed Destruction Date:')").css("background-color", "green");

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="x-form-item " tabindex="-1" id="ext-gen234"> <label for="ext-comp-1071" style="width:154px;" class="x-form-item-label" id="ext-gen235">Proposed Destruction Date:</label> <div class="x-form-element" id="x-form-el-ext-comp-1071" style="padding-left:159px"> <div class="x-form-field-wrap x-form-field-trigger-wrap" id="ext-gen236" style="width: 95px;"> <input type="text" size="10" autocomplete="off" id="ext-comp-1071" name="DEST1-2596" class="x-form-text x-form-field" style="width: 70px;"> <img src="/LMS/js1910280933/ext/resources/images/default/s.gif" alt="" class="x-form-trigger x-form-date-trigger" id="ext-gen237"> </div> <div class="lms-form-field-msg-area" style="left:262px;" id="ext-gen238"> <span id="ext-comp-1071-msg" class="lms-form-field-error"></span> </div> </div> <div class="x-form-clear-left"> </div> </div>

這是我為嘗試查找此輸入而編寫的代碼。 到目前為止，我找不到 label 或者如果我能找到它沒有變綠。 請讓我知道是否有更好的方法可以在沒有 id 或 name 的情況下找到此輸入，因為這些已更改。

感謝你的幫助

Answer 1

+匹配下一個兄弟你也可以使用.next() 來遍歷。 ~將匹配所有下一個兄弟姐妹，如果您需要查找所有以下兄弟姐妹。

 $("label:contains('Proposed Destruction Date:') +.x-form-element input").css("background-color", "green");

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="x-form-item " tabindex="-1" id="ext-gen234"> <label for="ext-comp-1071" style="width:154px;" class="x-form-item-label" id="ext-gen235">Proposed Destruction Date:</label> <div class="x-form-element" id="x-form-el-ext-comp-1071" style="padding-left:159px"> <div class="x-form-field-wrap x-form-field-trigger-wrap" id="ext-gen236" style="width: 95px;"> <input type="text" size="10" autocomplete="off" id="ext-comp-1071" name="DEST1-2596" class="x-form-text x-form-field" style="width: 70px;"> <img src="/LMS/js1910280933/ext/resources/images/default/s.gif" alt="" class="x-form-trigger x-form-date-trigger" id="ext-gen237"> </div> <div class="lms-form-field-msg-area" style="left:262px;" id="ext-gen238"> <span id="ext-comp-1071-msg" class="lms-form-field-error"></span> </div> </div> <div class="x-form-clear-left"> </div> </div>