使用数据 ID 获取 <div> 的第一个跨度

Question

我想得到一个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.

Returns错误。

Unexpected token (

Answer 1

错误是因为它在 . 之后期望和方法但发现 ( : Unexpected token (

您需要在 object 上使用 .find() 方法。

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

或

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

或直接spanchild

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

Get First Span of a <div> using the data-id