我怎樣才能抓住一個元素 <li> 在jQuery？

Question

我有以下<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')不正確。

Answer 1

八九不離十！ 在點擊處理程序中使用$(this).find('.io-sidebar-link-text').text() 。

$(this).find(xyz)是$(xyz, this)語法糖; 所以檢查前者和后者的文檔。

Answer 2

這將僅選擇li如何具有屬性io-sidebar-link-text，並使用attr（）方法獲取此屬性的值

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

Answer 3

如果它總是在div中：

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

或者如果你想在課堂上選擇：

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