从段落中获取所有链接并将其放入列表中

时间:2011-11-23 00:16:42

标签: javascript jquery html markup

我有一段:

<p class="links">Lorem <a href="#">diam</a> nonummy nibh <a href="#">Lorem</a></p>

在此之下,我有一个列表:

<ul class="list">

</ul>

使用jQuery,我该怎么做:

  • 查找<a>
  • 中找到的所有<p class="links">元素
  • 显示在所述课程中找到的所有<a>
  • 将所有<a>放入<ul class="list">并将所有<a>换成<li>

3 个答案:

答案 0 :(得分:5)

试试这个:

修改

$("p.links a").clone().appendTo('.list').wrap('<li />');

---&GT; demo fiddle

答案 1 :(得分:2)

有点累,但

$('.links a').clone().appendTo('.list').wrap('<li>');

这份工作

http://jsfiddle.net/Z9RXY/

答案 2 :(得分:0)

亚历克斯很接近,但是该解决方案会选择每个<p>一个链接,并且您希望<a>中的所有<p>都正确吗?

$("p.links a").each(function() {
    $(this).wrap('<li>').appendTo(".list");
});