使用data-id获取<div>的第一个Span

时间:2015-05-23 19:38:06

标签: javascript jquery html jquery-selectors jquery-ui-draggable

我想获得div的第一个span元素。

这就是我获取div DOM元素的方法。

helper: function(event,ui){
            var dataId = $(this).data('id');
            console.log($('[data-id="' + dataId + '"'));
        }

注意我正在使用来自jquery-ui的Draggable插件

console.log打印正确的div元素,但现在我想获得第一个跨度。

经过一项小规模的研究后,我发现我无法使用.('span:first')

但如果我尝试

$('[data-id="' + dataId + '"').('span:first') //returns error.

返回错误。

  

意外的令牌(

1 个答案:

答案 0 :(得分:3)

错误是因为它在(之后预期和方法但找到了Unexpected token (.find()

您需要在对象上使用$('[data-id="' + dataId + '"]').find('span:first') 方法。

$('[data-id="' + dataId + '"] span:first')

span

或立即$('[data-id="' + dataId + '"] > span:first') 孩子

<resources>
  <!-- inherit from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar -->
    <item name="android:colorPrimary">@color/primary</item>
  </style>
</resources>