7

私は簡単なリストを持っています：

<ul id="tabs_nav">
    <li id="t_00">data</li>
    <li id="t_01">data</li>
    <li id="t_02">data</li>
    <li id="t_03">data</li>
</ul>

今：IDとは何かに応じて、最初の要素のhtmlを取得するにはどうすればよいですか。ボタンをクリックするだけで、すべてのIDが動的に変更されることを追加します。これは私のコードです：

btn.on('click',function(){
    var ladder_nav_tabs = $('#tabs_nav'),
        first_ladder_element_inset_id = ladder_nav_tabs.find('li').first().attr('id'),
        first_ladder_element_inset_html = ladder_nav_tabs.find(first_ladder_element_inset_id).html();
    console.log(first_ladder_element_inset_html);
});

ヘルプのためのThx。

4

4 に答える 4

8

IDセレクターがないようです#。

セレクターからhtmlを取得しようとしています。

ladder_nav_tabs.find(first_ladder_element_inset_id).html();

IDセレクターにはが必要なので、これは機能しません#。このような：

ladder_nav_tabs.find("#" + first_ladder_element_inset_id).html();

コードを修正するには、次のことを試してください。

btn.on('click',function(){
    var ladder_nav_tabs = $('#tabs_nav'),
        first_ladder_element_inset_id = ladder_nav_tabs.find('li').first().attr('id'),
        first_ladder_element_inset_html = ladder_nav_tabs.find("#" + first_ladder_element_inset_id).html();
    console.log(first_ladder_element_inset_html);
});

DEMO-有効なIDセレクター構文に更新

または、次のように、jQueryのeqを使用してコードを短縮することもできます。

btn.on('click',function(){
    var theHtml = $('#tabs_nav li').eq(0).html();
    console.log(theHTML);
});
于 2013-01-29T23:11:55.427 に答える
2

jQueryを純粋にセレクターエンジンとして使用しないでください。

btn.onclick = function() {
  console.log(document.getElementById('tabs_nav').children[0].innerHTML);
};
于 2013-01-29T23:09:00.887 に答える
1

jQueryfirst-child セレクターを確認してください。具体的には：

btn.on('click',function(){
    var first_child = $('#tabs_nav li:first-child');
    var first_child_html = first_child.html();
});
于 2013-01-29T23:07:44.307 に答える
0

これを試して：

btn.on('click',function(){
    var ladder_nav_tabs = $('#tabs_nav'),
        first_ladder_element_inset_id = ladder_nav_tabs.find('li:first-child').attr('id'),
        first_ladder_element_inset_html = ladder_nav_tabs.find(first_ladder_element_inset_id).html();
    console.log(first_ladder_element_inset_html);
});

あなたはtouを使用する必要があります:first-child

于 2013-01-29T23:09:10.387 に答える