jQuery .each循环失败 - 从HTML对象获取数据并解析为.append

时间:2013-04-07 18:17:01

标签: jquery jquery-ui-tabs each

以下是我要做的事情:


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中留下实际代码以保持帖子整洁。

1 个答案:

答案 0 :(得分:1)

这是你想要实现的目标吗? 我修复了遍历元素的循环,因为你实际上并没有引用实际选择的元素,而是按类选择元素。要选择每个循环中当前正在处理的元素,请使用$(this)

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