jquery - jquery 如何获取一个值并将其放置在其他地方？

Question

我想获取值<span>Expertise discovery</span>并为 href 添加标题，如下所示： <a href="discovery.html" title="Expertise discovery">

<li class="tooltip-parent">
    <a href="discovery.html">
    <span>
        <img src="discovery.png"/>
    </span>
    </a>
    <div class="tooltip">
        <span>Expertise discovery</span>
    </div>
</li>

Answer 1

你可以尝试这样的事情：

//find the span inside tooltip and get its contents
var title = $(".tooltip").find("span").text();  
//select the a tag with href set to discovery.html and add the title attribute to it.
$('[href="discovery.html"]').attr("title", title); 

Answer 2

你可以做类似的事情

$('.tooltip-parent').each(function(){
    var $this = $(this);
    $this.children('a').attr('title', $this.find('.tooltip span').text())
})

演示：小提琴

Answer 3

演示在这里

这将对具有相同标记结构的此图像和所有其他图像进行您需要的更改。

$('.tooltip').each(function(){
    var val = $(this).text(); 
    $(this).parent().find('a').prop('title',val);
});

Answer 4

$("[href='discovery.html']").attr("title", $(".tooltip > span").text());

或者

$(".tooltip-parent > a").attr("title", $(".tooltip > span").text());

Answer 5

使用此代码

$('a[href="discovery.html"]').attr("title",$(".tooltip-parent .tooltip").find('span').text(););