0

这是我正在尝试做的事情:


这就是最终结果应该是什么样子......


  • 找到.section里面的所有元素.tabbed
  • 对于每个.section-title找到.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 id 作为 <a href""></a> 链接包含 文本的位置创建的。.section-title

我整理了一个 jsfiddle.each我猜我仍然误解了一些东西。

*将实际代码留在 jsfiddle 中以保持帖子整洁。

4

1 回答 1

1

这是你想要达到的目标吗?
我修复了元素的循环,因为您实际上并不是指实际选择的元素,而是通过它们的类选择元素。要选择每个循环中当前正在处理的元素,请使用$(this)

这是一个更新的小提琴,希望对您有所帮助 - http://jsfiddle.net/49kg9/5/

于 2013-04-07T18:29:02.263 回答