為什么這個jQuery選擇器沒有找到任何東西？

Question

我的div內有一個div。 此內部div具有數據屬性。 我試圖將這個問題的答案應用於內部div，但沒有運氣。 我究竟做錯了什么？

 var content = $('#mapElements').find('.mapMarker [data-depotid="b04b4184"]').data('depotguid'); $('#result').text(content); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='mapElements'> <div class="mapMarker" data-depotid="b04b4184">This is the text from mapMarker, and if the depotID appears below this text the code works!</div> </div> <div id='result'></div> 

Answer 1

定位.mapMarker元素的選擇器錯誤。 采用：

var content = $('#mapElements').find('.mapMarker[data-depotid="b04b4184"]').data('depotguid');
                                             //^space not required here

您還可以將子元素的選擇器范圍縮小到：

var content = $('#mapElements').find('.mapMarker').data('depotguid');

Answer 2

嘗試這個

$(" #mapElements > .mapMarker[data-depotid='b04b4184'] ");

或直接

$(".mapMarker [data-depotid='b04b4184']");