我有一个简单的清单:
<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>
现在:如何获取第一个元素的 html,具体取决于 ID 是什么。我想补充一点,所有 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);
});
谢谢帮助。
看来你缺少 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 http://jsfiddle.net/sHAR8/- 更新为有效的 id 选择器语法
或者你可以使用 jQuery 来缩短你的代码eq http://api.jquery.com/eq/,类似于:
btn.on('click',function(){
var theHtml = $('#tabs_nav li').eq(0).html();
console.log(theHTML);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)