如何在jQuery中<li>中获取元素?</li>

时间:2011-10-07 16:04:32

标签: javascript jquery

我有以下<li> - 其中有很多,但这只是一个例子:

<li class="ui-li ui-li-static ui-body-d ui-li-has-icon io-sidebar-link io-sidebar-link-standard" data-theme="d" io-sidebar-section="0aa210f2-e811-4bae-aac0-649bf87fb240" io-object-view="/cms?url=ui/object&amp;object=db13a9ad-2494-34bb-8a59-cb99fd308051" io-record-view="/cms?url=ui/record&amp;object=db13a9ad-2494-34bb-8a59-cb99fd308051" style="display: block">
          <img src="/document/423fc17f-08b2-46bb-a1db-a5395cd63b83/latest" class="ui-li-icon ui-li-thumb" height="16" width="16">
          <div class="io-sidebar-link-text">Tasks</div>
        </li>

我有一个点击事件绑定,并希望打印出io-sidebar-link-text的值。我怎么能这样做?

我相信

$(this).('.io-sidebar-link-text')不正确。

3 个答案:

答案 0 :(得分:2)

非常接近!在点击处理程序中使用$(this).find('.io-sidebar-link-text').text()

$(this).find(xyz)$(xyz, this)的语法糖;因此,请查看formerlatter的文档。

答案 1 :(得分:0)

这将只选择li如何具有属性io-sidebar-link-text,并使用attr()方法获取此属性的值

var title = $("li[io-sidebar-link-text]").attr("io-sidebar-link-text");

答案 2 :(得分:0)

如果它总是在div中:

$(this).find('div').text();

或者如果你想在课堂上选择:

$(this).find('.io-sidebar-link-text').text();