Javascript 使用jQuery向每个div添加一个标记
这是当前代码:Javascript 使用jQuery向每个div添加一个标记,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是当前代码: <div class="main-wrap"> <div class="inner-wrap"> some content here <span> <a href="1">test1</a> </span> </div> <div class="inner-wrap"> so
<div class="main-wrap">
<div class="inner-wrap">
some content here
<span>
<a href="1">test1</a>
</span>
</div>
<div class="inner-wrap">
some content here
<span>
<a href="2">test2</a>
</span>
</div>
<div class="inner-wrap">
some content here
<span>
<a href="3">test3</a>
</span>
</div>
</div>
我可以获取每个a标记的href标记
,但我不知道如何将其附加到每个内包装
div。这就是我迄今为止所做的:
$('.inner-wrap').each(function(){
$this = $(this);
$fetchLink = $this.children('span').find('a').attr('href');
console.log($fetchLink);
});
我知道这真的很简单,但我无法工作。有人能帮忙吗
这是可行的这不会很好,因为你不能在一个链接中有一个链接,但是一般的想法是用
$.html()
的$.html()
替换$.html>的$.html()
作为href
属性,用$fetchLink
标记包装
$('.inner wrap')。每个(函数(){
$this=$(this);
$fetchLink=$this.children('span').find('a').attr('href');
$this.html(“”);
});代码>
这里有一些内容
这里有一些内容
这里有一些内容
您可以使用,但是,您不应该将锚点嵌套在另一个锚点元素中
$('.inner wrap').wrapInner(函数(i){
var$this=$(this);
var a=$this.children('span').find('a');
var href=a.attr('href');
//拆下内锚
a、 替换为(a.text());
返回“”;
});代码>
这里有一些内容
这里有一些内容
这里有一些内容
为什么要在结果中使用嵌套锚?我认为这是错误的代码。。锚定标记中的锚定标记
$('.inner-wrap').each(function(){
$this = $(this);
$fetchLink = $this.children('span').find('a').attr('href');
console.log($fetchLink);
});