Question

我想从我为在线课程设置的菜单中提取每个锚标记链接

ul id是#sidebar

侧边栏中的li是右边的章节顺序，所以我想找到用户所在的章节页面，然后抓住前一章和下一章，传递到底部的其他一些锚标签每章。

这是我走了多远。

 for(var i = 0; i < $("#sidebar ul li").size(); i++) {

            console.log('chapter '+i+' = ',$("#sidebar ul li").get(i))

    }

这将返回每个li元素，那么我现在如何获取每个li返回的href值？

我尝试将.a放在最后，没有用。谷歌也找不到多少。

由于

Answer 1

试试这个：in fiddle here

var $sidelist = $("#sidebar ul li").size();

for (var i = 0; i < $sidelist; i++) {
    console.log('chapter ' + Math.floor(i + 1) + ' = ', $("#sidebar ul li").find('a').eq(i).attr('href'));
}

以上输出为：

//this is the output of for loop:
    chapter 1 = #chaper-1
    chapter 2 = #chaper-2
    chapter 3 = #chaper-3

或$.each()：

var $sidelist = $("#sidebar ul li");
$.each($sidelist, function(i, v){
   console.log('chapter '+Math.floor(i + 1)+' = ' + $(this).find('a').attr('href'));
});

注意：

您必须执行Math.floor(i + 1)到start the chapter with index 1 otherwise this will start at 0。

Answer 2

从性能的角度来看，在循环中运行一次选择器非常重要。

    var links =  $("#sidebar ul li a"); // equivalent to  $("#sidebar ul li").find('a')
    for(i = 0, length = links.length; i < length; ++i){
         console.log('chapter '+ i + ' = ' + $(links[i]).attr('href'));
    }

Answer 3

利用FIND（），

for(var i = 0; i < $("#sidebar ul li").size(); i++) {
 console.log('chapter'+ i +' = ',$("#sidebar ul li").find('a').eq(i).attr('href'));
}

Answer 4

嘿，大家好，谢谢你的快速回答，

我最终得到了这个以做我想要的东西，有点摆弄。

这就是我想出的......

$(document).ready(function(){
var previouschap;
var nextchap;
var chapter ="<?php echo (isset($_GET['chapter'])) ? $_GET['chapter'] : 'No Chapter';  ?>";

for(var i = 0; i < $("#sidebar li").size(); i++) {
    liresult = $($("#sidebar li a").get(i)).attr('href');

    if(liresult == './index.php?chapter='+chapter)
                    {
                        previouschap = $($("#sidebar li a").get(i-1)).attr('href');
                        nextchap = $($("#sidebar li a").get(i+1)).attr('href');

                        $('#previous-chapter').attr('href', previouschap);
                        $('#next-chapter').attr('href', nextchap);
                        break;
                    }

    }
});

使用jquery从ul列表中提取锚标记链接

4 个答案:

注意：