Question

更新以修复标记问题：/

http://jsfiddle.net/G7p2U/1/这是更好地理解所有内容的链接

我正在使用的jQuery是

$(document).ready( function() {
  $(".crumbs a").each( function() {
    $(this).append('<div class="indicator"></div>');
  });
var i = 0;
var linkpos= new Array("0,0", "0,110", "0,220", "0,330", "0,440", "0,550", "0,660");
    $(".crumbs").each( function() {
 var s = linkpos[i];
 var x = s.split(",");
 var t = x[0];
 var l = x[1];
$(this).css({ "top":t+"px", "left":l+"px" });
 i++;
 }); 
});

问题在于，当它被写入时它工作正常，现在存在问题。在标记之前是这样的

 <div class="pun-crumbs">
    <div class="crumbs">
     <a href="#">Index</a>
   </div>
  <div class="crumbs">
     <a href="#">Profile</a>
  </div>
     <div class="crumbs">
       <a href="#">Recent</a>
    </div>
    <div class="crumbs">
      <a href="#">Link 4</a>
   </div>
 </div>

虽然这不是PHP解析数据标记的方式，但它实际上是这样的

 <div class="pun-crumbs">
   <div class="crumbs">
     <a href="#">Index</a>
      <a href="#">Profile</a>
        <a href="#">Recent</a>
         <a href="#">Link 4</a>
      </div>
    </div>

所以我的麻烦现在出于某些原因我无法将链接分开，就像我需要它们一样..

应该是这样的 http://jsfiddle.net/nXrDn/

任何帮助？

Answer 1

jsFiddle Demo

您可以通过运行以下脚本来准备元素，从新HTML开始重现原始标记：

$(".crumbs > a").unwrap();
$(".pun-crumbs > a").wrap("<div class='crumbs' />");

您需要做的就是在当前代码之前将它放在文档就绪处理程序中，如演示中所示。

这非常直观：它删除.crumbs div（展开其子代），然后将每个div包装在一个新的.crumbs div中。

Answer 2

http://jsfiddle.net/G7p2U/12/

$(document).ready( function() {
$(".crumbs").addClass("crumby").removeClass("crumbs")
$(".crumby a").wrap('<div class="crumbs" />');
$(".crumbs a").each( function() {
//rest of code

jQuery导航帮助

2 个答案: