jquery - 使用 jQuery 访问列表项的文本

Question

我需要获取菜单中列表项的文本，但似乎无法获取它。

这就是我的 div 中的菜单的样子:

 <div id='imgbox_1' class='unlocked'>
    <div id="imgbox_1_menu" class="menu">
    <ul class='dropdown'>
     <li><a href='#'> ▼ </a>
      <ul class='sub_menu'> 
          <li class='locker'>Lock</li>
          <li class='delete'>Delete</li>
      </ul>
     </li>
    </ul>
   </div>
</div>

我正在尝试使用 locker 类获取 li 的文本，使用以下方法:

$('#imgbox_1').children('.menu').find('locker').text();

但这不会返回任何内容。如果我尝试 ...find('locker').html() 它会显示“未定义”。如何获取文本，即本例中的“锁定”？我需要将其更改为单击后，但我什至无法访问它。包含这些列表项的菜单是动态创建的，并不是一开始就存在的。

Answer 1

你需要点。对于类选择器。您错过了储物柜前的点

<强> Live Demo

$('#imgbox_1').children('.menu').find('.locker').text();

或者

$('#imgbox_1  .menu  .locker').text();

或者，如果层次结构不重要

$('.locker').text();