Jquery 从无序列表中的锚点检索所有HREF属性值,并将这些HREF值放入div元素中的锚点标记中
我需要jQuery的帮助,以便从li元素下的所有锚定中获取href值,然后在此li元素中创建一个带有锚定标记的新div元素,并将这些所有href链接值放置到新创建的div元素中带有锚定标记的新创建锚定标记。Jquery 从无序列表中的锚点检索所有HREF属性值,并将这些HREF值放入div元素中的锚点标记中,jquery,append,html-lists,anchor,Jquery,Append,Html Lists,Anchor,我需要jQuery的帮助,以便从li元素下的所有锚定中获取href值,然后在此li元素中创建一个带有锚定标记的新div元素,并将这些所有href链接值放置到新创建的div元素中带有锚定标记的新创建锚定标记。 例如,这是我的HTML结构,如下所示:- ; ; ; ; ; 我尝试使用以下jquery代码:- $(document).ready(function() { $('#navbar ul li').each(function() { $(this).appen
例如,这是我的HTML结构,如下所示:-
;
;
;
;
;
我尝试使用以下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');
});
});
$(文档).ready(函数(){
$('#navbar ul li')。每个(函数(){
$(此)。附加(“”);
//$(“div.sd a”).attr(“href”,“d”);
});
$('#navbar ul li a')。每个(函数(){
//console.log($(this.attr('href'));
var d=$(this.attr('href');
$('div.sd a').attr('href','d');
});
});
感谢并问候这样就可以了
$('.ulcls a').each(function(index, value) {
$('body').append($(this).attr('href') + "<br/>");
})
$('.ulcls a')。每个(函数(索引、值){
$('body').append($(this.attr('href')+“
”);
})
下次发布问题时,请确保包括您尝试过的内容,否则人们不会想帮助您
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);
$(文档).ready(函数(){
$('#navbar ul li')。每个(函数(){
$(此)。附加(“”);
});
$('#navbar ul li a')。每个(函数(){
var d=$(this.attr('href');
$(this).next().find('a').attr('href',d);//d是一个变量,不是字符串。请避免使用单引号
});
});
代码中的问题是您试图将d
附加为字符串尝试以下操作:
$(document).ready(function() {
$('#navbar a').each(function() {
var $a = $(this),
$li = $a.parent();
$li.append('<div class="sd"></div>');
$li.children().last().append($a);
});
});
$(文档).ready(函数(){
$('#导航栏a')。每个(函数(){
变量$a=$(此),
$li=$a.parent();
$li.附加(“”);
$li.children().last().append($a);
});
});
这是你的电话号码。我为您设置了一个
setTimeout()
函数,以查看
s前后的差异。检查下面的代码。希望这能对你有所帮助
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);
var linksList='';
$('#navbar')。查找('a')。每个(函数(){
linksList=linksList+$(this.attr('href');
});
var e=$(“测试”);
$(“#导航栏”)。附加(e);
e、 查找('a').attr('href',linksList);
- 谷歌
- 雅虎
- 脸谱
- Youtube
- 谷歌