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

时间:2016-02-19 12:38:00

标签: jquery append html-lists anchor

我需要帮助jQuery从li元素下的所有锚点获取href值,然后在这个li中创建一个带有锚标记的新div元素,并将所有href链接值放入新创建的锚标记中div元素。
例如,这是我的HTML结构,如下所示: -

$(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');
    });
});

我尝试使用以下jquery代码: -

$('your textare id').on('click',function(){
     $('your select drop down').siblings('.combobox-container').find('.add-on.btn').trigger('click');    
}).on('keyup', function(){
     $('.combobox-container .combobox.input-large').val($(this).val()).trigger('change')
});

谢谢和问候

4 个答案:

答案 0 :(得分:1)

$(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
    });
});

DEMO

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

答案 1 :(得分:0)

这样就可以了。

var ObjectID = require('mongodb').ObjectID;
tempId = new ObjectID(req.body.aId);

auctionModel.aggregate({$match: {'_id': tempId}},
                        {$unwind: '$fancy_numbers'},
                        {$unwind:"$fancy_numbers.bid_users"},
                        {$group: {'_id':"$fancy_numbers.number" , maxBid: { $max: '$fancy_numbers.bid_users.bid_amount'}}},  
    function(err, bidData){
        if(err){
            console.log('Error :' + err);
        }
        else if(bidData) {
            console.log(bidData);
        }
     });

下次发帖时,请确保包含您尝试过的内容,否则人们不会帮助您。

https://codepen.io/anon/pen/wMbyxq

答案 2 :(得分:0)

试试这个:

$(document).ready(function() {
    $('#navbar a').each(function() {
         var $a = $(this),
             $li = $a.parent();

         $li.append('<div class="sd"></div>');
         $li.children().last().append($a);
    });
});

这是JS Bin。我已经为您setTimeout()添加<div>函数,以查看<a href="#" target="_blank">LINK</a> 之前和之后的区别。

答案 3 :(得分:0)

检查以下代码。希望这可以帮到你。

var linksList='';
$('#navbar').find('a').each(function() {
  linksList=linksList+$(this).attr('href');
});
var e = $("<div id='newLink'><a id='newLink'>test</a></div>");
$('#navbar').append(e);    
e.find('a').attr('href', linksList);