獲得ID開始

我有帶班pickergroup一個div一個日期選擇器，我有我的第3頁日期選擇器，這就是爲什麼我使用一組不同的名稱獲得ID開始

<div class="pickergroup"> 
    <input type="text" name="day1" id="day1"/>/
    <input type="text" name="month1" id="month1"/>/
    <input type="text" name="year1" id="year1"/> 
    <input type="hidden" id="date1" name="date1"/> 
    <div id="datepicker1" name="calendar"></div> 
</div>

在我的jQuery我想檢測何時點擊以「datepicker」開頭的ID，我猜想類似於：

$(document).on('click', '.pickergroup id^="datepicker"', function() { 
    $(".pickergroup").find('[id^="datepicker"]').datepicker({ 
     //my datepicker code 
    }); 
});

但這是不正確的。

我該怎麼辦？

來源

2016-11-21 cucuru

我不能完全肯定JQuery的語法，但是在CSS屬性選擇看起來像這樣：'[id^=「datepicker」]' –

''.pickergroup id^=「datepicker」''到''.pickergroup [id^='datepicker'']'....它總是更好使用類 –

問題是你如何選擇事件處理程序中的元素。

$(".pickergroup").find('[id^="datepicker"]')

的意思是「找到類的pickergroup所有元素。找到所有他們孩子具有開始datepicker一個ID的。」相反，你要使用this和

.pickergroup id^="datepicker"

解決您的選擇，以

.pickergroup [id^="datepicker"]

$(document).on('click', '.pickergroup [id^="datepicker"]', function() { 
 
    var $this = $(this); // The div that was clicked 
 
    console.log($this.text()); 
 
});

.pickergroup div { 
 
    float: left; 
 
    margin-right: 1em; 
 
    width: 200px; 
 
    height: 200px; 
 
    background: #0F0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="pickergroup"> 
 
    <div id="datepicker1">A</div> 
 
</div> 
 
<div class="pickergroup"> 
 
    <div id="datepicker2">B</div> 
 
</div> 
 
<div class="pickergroup"> 
 
    <div id="datepicker3">C</div> 
 
</div> 
 
<div class="pickergroup"> 
 
    <div id="can-t-click-me">D</div> 
 
</div>

來源

2016-11-21 17:04:13

'$（「。pickergroup」）。find（'[id^=「datepicker」]'）''應該可以正常工作，只要給出HTML的結構。真正的問題是OP省略了屬性選擇器周圍的括號，並且他爲datepicker使用了「div」而不是「input」。 –

@ScottMarcus這將工作正常*如果他們想要修改每個日期選擇器，只需點擊一個。我假設他們不想這樣做，所以使用'this'是訪問點擊元素的正確方法。 –

完美的解釋！謝謝 – cucuru

首先，datepicker元素需要是一個輸入。請記住，ID是獨一無二的。如果您使用從選擇器開始，那就沒問題。但請不要對此產生困惑。二，爲什麼需要單獨的字段？你可以使用一個日期選擇器，決定你想要顯示的格式，你也可以用你需要的格式解析datepicker返回的值。請看一下文檔。

來源

2016-11-21 17:01:07 alpham8

*「首先，datepicker元素需要輸入」* - 您在說哪個日期選擇器？你有什麼參考？ –

@TJ我正在談論jQuery UI datepicker小部件，就像你可以猜測的問題主題一樣。 – alpham8

來自：https：//jqueryui.com/datepicker/ *「日期選擇器綁定到標準表單輸入字段。」* –

獲得ID開始

回答

相關問題