jquery - jQueryセレクター：最初

Question

リストからテキストを選択しようとしています。「第 2 レベルのテキスト」ではなく「第 1 レベルのテキスト」を選択したい。

<div class="selectedText"></div>
<ul>
  <li>First level text
    <ul>
      <li>Second level text</li>
    </ul>
  </li>
 </ul>

私の悪いセレクタ:

var firstLI = $('ul').find('li:first');
$('.selectedText').text(firstLI.text());

ネストされた UL の内容をテキストボックスに貼り付けます。
LI テキストのみを取得するにはどうすればよいですか? ありがとう。

score 7 · Accepted Answer

その要素の最初のテキストノードだけが必要なようですね。

$("ul li:first").contents().first().text();

これは、最初のノードのテキストを取得します。これは、この場合はテキストノードです。

あるいは、もし jQuery が不足していたら...

document.querySelector("ul li:first-child").firstChild.data;

score 0 · Accepted Answer

this is one way to get text of li element

alert( $('ul li:first').clone().children().remove().end().text());

Full Code

jQuery(document).ready(function ($) {

 var data= $('ul li:first').clone().children().remove().end().text();
   $('.selectedText').text(data);
});

2 に答える 2