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>

liこれを使用して、lockerクラスでのテキストを取得しようとしています:

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

しかし、それは何も返しません。試し...find('locker').html()てみると、「未定義」と表示されます。この場合、テキスト、つまり「ロック」を取得するにはどうすればよいですか? クリックしたら変更する必要がありますが、アクセスすることさえできません。これらのリスト項目を含むメニューは動的に作成され、最初から存在しません。

Answer 1

ドットが必要です。クラスセレクター用。ロッカー前のドットを逃した

ライブデモ

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

または

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

または、階層が重要でない場合

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

Answer 2

.クラスセレクターであるピリオドがありません。

.find('.locker')