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

本文关键字：div gt using data-id the lt First Span of Get 更新时间：2023-09-26

使用data-id。

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

这就是我如何得到div DOM元素。

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

我使用的是jquery-ui

中的可拖动插件

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

稍作研究后，我发现我不能使用.('span:first')

但如果我尝试

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

返回错误。

意外标记(
)

错误是因为期望在.之后找到(: Unexpected token (

你需要在对象上使用.find()方法。

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

或

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

或直接span子节点

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