从无序列表中的锚检索所有HREF属性值,并将这些href值放入div元素内的锚标记中

Kindlebit Php

我需要有关jQuery的帮助,以便从li元素下的所有锚点获取href值,然后创建一个新的div元素,并在此li内添加一个锚点标记,并将这些所有href链接值与该新创建的锚点标记一起放入新创建的div元素中。
例如,这是我的HTML结构,如下所示:

<div id="navbar">
    <ul class="ulcls">
        <li><a href="google.com">Google</a></li>;
        <li><a href="yahoo.com">Yahoo</a></li>;
        <li><a href="facebook.com">Facebook</a></li>;
        <li><a href="youtube.com">Youtube</a></li>;
        <li><a href="google.com">Google</a></li>;
    </ul>
</div>

我在下面的jQuery代码中尝试了这个:-

$(document).ready(function() {
    $('#navbar ul li').each(function() {
        $(this).append('<div class="sd"><a href=""></a></div>');
        //$("div.sd a").attr("href", 'd'); 
    });
    $('#navbar ul li a').each(function() {
        //console.log($(this).attr('href')); 
        var d = $(this).attr('href');
        $('div.sd a').attr('href', 'd');
    });
});

感谢致敬

里诺·拉吉(Rino Raj)
$(document).ready(function() {
    $('#navbar ul li').each(function() {
        $(this).append('<div class="sd"><a href=""></a></div>');
    });
    $('#navbar ul li a').each(function() {
        var d = $(this).attr('href');
        $(this).next().find('a').attr('href', d); // d is a  variable. not a string. Avoid  single quotes
    });
});

演示

您代码中的问题是您试图将其附加d为字符串

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用JQuery检索无序列表的li标签并将这些标签放入数组中?

来自分类Dev

JavaScript中的多个锚标记href值

来自分类Dev

使用d3js在无序列表元素中创建锚标记?

来自分类Dev

如何在while循环中获取列的所有值并将这些值放入数组中

来自分类Dev

从无序列表中删除填充

来自分类Dev

如何在锚元素内垂直对齐文本,该锚元素嵌套在无序列表中

来自分类Dev

如何在锚元素内垂直对齐文本,该锚元素嵌套在无序列表中

来自分类Dev

导航到URL并从锚标记中获取href属性?

来自分类Dev

如何将所有 li 从无序列表传递到 div,除了单击的 li

来自分类Dev

Python Selenium如何仅在锚标记包含某些属性值的情况下获取锚标记href值

来自分类Dev

jQuery的。在元素“ script”或“ noscript”或“ iframe”内/下查找所有具有属性键为“ src或href”的属性值

来自分类Dev

锚标记中href =“ ###”的用途是什么

来自分类Dev

用括号中的href替换锚标记

来自分类Dev

锚标记中的onclick和href

来自分类Dev

锚标记中的空 Onclick 和 href

来自分类Dev

使用PHP从<a>标记中获取href值

来自分类Dev

从无序列表中删除项目符号

来自分类Dev

如何从无序列表中“删除”项目

来自分类Dev

使用bash从锚标签中获取href值

来自分类Dev

检索列表中的所有对象在python中的属性是否具有相同的值

来自分类Dev

将父元素属性附加到锚标记href的URL

来自分类Dev

使用jQuery在SVG中获取锚的href值

来自分类Dev

如何获取值href值而不是锚标记?

来自分类Dev

XPath以选择元素中的所有href

来自分类Dev

jQuery使用div / span ID选择器和锚标记类在锚标记中获取href

来自分类Dev

为HTML文档中的所有锚标记添加标题及其值的脚本

来自分类Dev

从可排序列表中获取所有元素属性

来自分类Dev

如何将锚标记的ID附加到jquery中的新href并替换页面中的href属性?

来自分类Dev

如何从excel列中获取所有值并将其放入python中的数组中?

Related 相关文章

  1. 1

    如何使用JQuery检索无序列表的li标签并将这些标签放入数组中?

  2. 2

    JavaScript中的多个锚标记href值

  3. 3

    使用d3js在无序列表元素中创建锚标记?

  4. 4

    如何在while循环中获取列的所有值并将这些值放入数组中

  5. 5

    从无序列表中删除填充

  6. 6

    如何在锚元素内垂直对齐文本,该锚元素嵌套在无序列表中

  7. 7

    如何在锚元素内垂直对齐文本,该锚元素嵌套在无序列表中

  8. 8

    导航到URL并从锚标记中获取href属性?

  9. 9

    如何将所有 li 从无序列表传递到 div,除了单击的 li

  10. 10

    Python Selenium如何仅在锚标记包含某些属性值的情况下获取锚标记href值

  11. 11

    jQuery的。在元素“ script”或“ noscript”或“ iframe”内/下查找所有具有属性键为“ src或href”的属性值

  12. 12

    锚标记中href =“ ###”的用途是什么

  13. 13

    用括号中的href替换锚标记

  14. 14

    锚标记中的onclick和href

  15. 15

    锚标记中的空 Onclick 和 href

  16. 16

    使用PHP从<a>标记中获取href值

  17. 17

    从无序列表中删除项目符号

  18. 18

    如何从无序列表中“删除”项目

  19. 19

    使用bash从锚标签中获取href值

  20. 20

    检索列表中的所有对象在python中的属性是否具有相同的值

  21. 21

    将父元素属性附加到锚标记href的URL

  22. 22

    使用jQuery在SVG中获取锚的href值

  23. 23

    如何获取值href值而不是锚标记?

  24. 24

    XPath以选择元素中的所有href

  25. 25

    jQuery使用div / span ID选择器和锚标记类在锚标记中获取href

  26. 26

    为HTML文档中的所有锚标记添加标题及其值的脚本

  27. 27

    从可排序列表中获取所有元素属性

  28. 28

    如何将锚标记的ID附加到jquery中的新href并替换页面中的href属性?

  29. 29

    如何从excel列中获取所有值并将其放入python中的数组中?

热门标签

归档