如果我使用jQuery获得div的id,我如何获得<span>的id?</span>

时间:2013-01-04 07:05:18

标签: javascript jquery

我有“div”,其中包含 span 所以我想要特定范围的ID

<div id="status-0" class="abc">
    <span id="span_id" class="xyz" title="Enabled">&nbsp;</span>
</div>                                                                                         So how to get id of span with jquery?   and after some action i want to change class of that span using id, how to do that?

6 个答案:

答案 0 :(得分:1)

你可以做这样的事情

var id = $("div span").attr("id");

答案 1 :(得分:1)

您可以使用:

var id = $('div span').attr('id');

它使用CSS选择器(后代)并在匹配元素上应用属性函数。

如果您有关于div的数据,您可以使用它来缩小结果范围:

var id = $('#status-0 span').attr('id');

更改课程是:

.attr('class', 'value');

添加类是:

.addClass('value');

答案 2 :(得分:1)

您需要将一些id / class分配给div或span,以使其更精确地选择。如果不可能,您可以使用父子选择器。

id = $('div > span').attr('id'); // span is direct child

id = $('div span').attr('id'); // span is descendant

答案 3 :(得分:1)

var spanID = $("#yourdivid span").attr("id") ;

答案 4 :(得分:1)

您可以使用该div id获取span的id

var id = $('#div').find('span').attr('id');

答案 5 :(得分:1)

如果您知道div下的span的索引,请更好地使用 eq 。您也可以使用 nth-child 代替 eq

$('$yourDivID span:eq(<<index>>)').attr('id');

在其他情况下,如果你有跨度的类,你可以尝试以下

$('$yourDivID span.spanClass').attr('id');