javascript - javascriptまたはJqueryを使用してLInodeObjectでこのスパンのIDを返す方法

Question

ので、私は持っています

<li>
<span id="foobar"> abc </span>
</li>

私は今linodeObjectとして持っています。"LI"を使用して取得できますli.nodeName。

さて、どうすればその中のスパンのID"foobar"から抜け出すことができますか。li

私は試した：

 $node = li;
 alert($node>span.Id);

しかし、動作していません、ありがとう！

Answer 1

あなたはこのようにそれを行うことができます...

alert(li.firstElementChild.id);

またはこれ...

alert(li.getElementsByTagName('span')[0].id);

またはこれ...

alert(li.children[0].id);

Answer 2

これは機能します：

var node = $('li');
alert(node.children('span').attr('id'));

Answer 3

タグセレクターとIDセレクターを使用して適切な要素を選択できるため、以下を使用して、li内のIDを持つスパンを選択できます。

$(li#foobar")

Answer 4

とても簡単なようです。これをチェックしてください：

var test = $("li span").attr("id");
alert(test);