以下是我要做的事情:
This is what the end result should look like...
.section
.tabbed
元素
.section-title
的{{1}} .section
,执行此操作 基本上(代码更新)
.tabbed
$(document).ready(function(e) {
t = $('.tabbed');
s = $('.section');
ss = $('.sub-section');
st = $('.section-title');
x = $(this);
$(t).find(s).each(function(i, section) {
$(section).find(st).each(function(i2, title) {
name = $(title).text();
url = $(section).attr('id');
t.append('<ul id="list"></ul>');
$('#list').html('<li><a href="#'+url+'">'+name+'</a></li>');
});
});
t.tabs();
})
元素是使用 <li>
.section
创建的 {{1链接包含 id
文本的。
我已经整理了jsfiddle。我仍然误解了<a href""></a>
我的猜测。
* 在jsfiddle中留下实际代码以保持帖子整洁。
答案 0 :(得分:1)
这是你想要实现的目标吗?
我修复了遍历元素的循环,因为你实际上并没有引用实际选择的元素,而是按类选择元素。要选择每个循环中当前正在处理的元素,请使用$(this)
这是一个更新的小提琴,希望有所帮助 - http://jsfiddle.net/49kg9/5/