<a href=“”>使用JS和JQUERY</a>创建动态<a href=“”>链接</a>

Question

我需要协助！

我有这样的HTML代码：

<div id="Text0">
<a href="x">
<span  class="farbig">Jenkins</span> 
<span  class="farbig1">CMS</span>
</a>

这是我的JS代码：

var jenkinsinstances={};
jenkinsinstances.cupo={"href":"localhost:2000", "imgsrc":"http://s3.kaercher.../jenkins-cupo.png"};

我想用JQUERY读出JS代码并将其插入到所有[a href =“”]中，以创建一个动态链接。

非常感谢你！

Answer 1

 var jenkinsinstances = { "href": "localhost:2000", "imgsrc": "http://s3.kaercher.../jenkins-cupo.png" }; $("a").each(function(i, v) { console.log(jenkinsinstances.href) $(this).attr('href', jenkinsinstances.href) }) $("img").each(function(i, v) { $(this).attr('src', jenkinsinstances.imgsrc) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Text0"> <a href="x">a</a> <img src="X" /> <span class="farbig">Jenkins</span> <span class="farbig1">CMS</span> </a> 

使用.attr()设置anchor和img的属性，然后在对象上选择它

Answer 2

就像这样只有一个anchor标签。

$('#Text0 a').attr('href', jenkinsinstances.cupo.href);

 var jenkinsinstances = {}; jenkinsinstances.cupo = { "href": "localhost:2000", "imgsrc": "http://s3.kaercher.../jenkins-cupo.png" }; console.log($('#Text0 a').attr('href', jenkinsinstances.cupo.href).attr('href')); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Text0"> <a href="x"> <span class="farbig">Jenkins</span> <span class="farbig1">CMS</span> </a> </div>