将准备好的字符串附加到元素

时间:2014-05-30 12:18:29

标签: javascript jquery

在主导航中有一些链接,包括#estimate

mainNav = document.getElementById('mainNavigation');
subNav = document.getElementById('subNavigation');

这是#estimate

的子导航
estimateSubNav = '<li><a href="?s=estimate&p=create">Create new</a></li>';

我需要做的就是检查哪个ID有当前链接...

currSectionId = $(mainNav).find('a.current').attr('id');

...并在此基础上附加无序的subnav list准备好的字符串

$(subNav).append(currSectionId+'SubNav');

所以&#34;估计&#34;例如,子导航应该看起来像

<ul id="subNavigation">
  <li><a href="?s=estimate&p=create">Create new</a></li>
</ul>

此刻它只显示了我估计的SubNav,就像你可以阅读它一样

<ul id="subNavigation">
  estimateSubNav
</ul>

我做错了什么?任何帮助表示赞赏。

编辑: http://jsfiddle.net/8sHnC/3/

2 个答案:

答案 0 :(得分:1)

我不确定这是否是您要做的事情

var mainNav = document.getElementById('mainNavigation');
var subNav = document.getElementById('subNavigation');

var estimateSubNav = '<li><a href="?s=estimate&p=create">Create new</a></li>';

var currSectionElement = $(mainNav).find('a.current')[0];        

var newElement=$(currSectionElement).clone().attr("id",currSectionElement.id+"subNav");

$(subNav).append(newElement);

根据你的小提琴,Updated DEMO

答案 1 :(得分:0)

我希望这能解决你的问题

var li = $("<li/>").attr("href","?s="+currSectionId+"&p=create");
$(subNav).append(li);