0

更新以修复标记问题：/

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/

有什么帮助吗？

​</p>

4

2 回答 2

3

jsFiddle 演示

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

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

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

这非常直观：它删除了.crumbsdiv（解开它的子元素），然后将每个元素包装在一个新的.crumbsdiv 中。

于 2012-12-24T03:51:01.263 回答
0

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
于 2012-12-24T03:54:20.973 回答