與IDS

Question

類似的模式選擇的div所以我有IDS的div像id=1_due_date或id=2_due_date

<div class="form-group"> 
     <input type="text" class="form-control" id="1_due_date" name="1_due_date" placeholder="YYYY-MM-DD"> 
</div> 

<div class="form-group"> 
     <input type="text" class="form-control" id="2_due_date" name="2_due_date" placeholder="YYYY-MM-DD"> 
</div> 

同樣會有很多的div在他們面前改變像10_due_date.How我可以選擇數所有這些div使用jquery。 我正在嘗試與這正則表達式，但我沒有得到所需的結果。任何建議將是很大的幫助。

Answer 1

您應該看看jQuery中的Selectors。下面是不同的選擇一個快速偷看，你可以使用各種操作 -

1. $（「輸入[ID * =‘DUE_DATE’]」） - 選擇有id屬性與所有元素含有due_date子像123_due_date_456，due_date_11，xyz_due_date等
2. $（ '輸入[ID $ = 「DUE_DATE」]'）值 - 選擇具有與id準確地與due_date像1_due_date，XYZdue_date結束值的元素，等等區分大小寫。
3. $（ '輸入[ID^= 「DUE_DATE」]'） - 選擇具有id屬性具有值開始正好與due_date，像due_date_1，due_date123元件等

在你情況下，由於要檢查id後綴due_date結束時，你應該使用$('input[id$="due_date"]')像如下─

$('input[id$="due_date"]').val("Match found");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <input type="text" class="form-control" id="1_due_date" name="1_due_date" placeholder="YYYY-MM-DD" /> 
 
</div> 
 

 
<div class="form-group"> 
 
    <input type="text" class="form-control" id="2_due_date" name="2_due_date" placeholder="YYYY-MM-DD"> 
 
    <div class="form-group" /> 
 
    <input type="text" class="form-control" id="qwe" name="2_due_date" placeholder="YYYY-MM-DD" /> 
 
</div>

Answer 2

$('input[id*="due_date"]').css("background-color", 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <input type="text" class="form-control" id="1_due_date" name="1_due_date" placeholder="YYYY-MM-DD" /> 
 
</div> 
 

 
<div class="form-group"> 
 
    <input type="text" class="form-control" id="2_due_date" name="2_due_date" placeholder="YYYY-MM-DD"> 
 
    <div class="form-group" /> 
 
    <input type="text" class="form-control" id="qwe" name="2_due_date" placeholder="YYYY-MM-DD" /> 
 
</div>

1. 使用通配符與屬性選擇。

注：

ID和名稱標記必須以字母開頭（[A-ZA-Z]）和之後可以是任意數量的字母，數字（[0 -9]），連字符（「 - 」），下劃線（「_」），冒號（「：」）和句點（「。」）。