为什么这个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');