在HTML中将标题属性动态添加到URL

Dynamically add title attribute to URL in HTML

本文关键字：动态 添加 URL 属性 标题 HTML      更新时间：2023-09-26

我正在尝试创建一个脚本，以便向各个URL动态添加标题属性。

想法如下：

  • 用户将带有链接的HTML粘贴到文本区域（文本区域A）

  • 用户将标题和URL的列表添加到另一个文本区域（文本区域B），格式如下：

    标题属性-HREF
    标题属性-HREF

  • 然后脚本通过文本区域B，并将标题属性附加到文本区域A中的相关链接。

有人能指导我做这件事的最佳方法吗？我真的不知道从哪里开始。

你想要这样的东西吗？

http://jsfiddle.net/ghahvbf4/2/

HTML<br/>
<textarea id="areaA"></textarea><br/>
List<br/>
<textarea id="areaB"></textarea>
<br/>
<div id="myCont" style="height:0;overflow:hidden"></div>
<button id="change">add</button><br/>
Result<br/>
<textarea id="result""></textarea>
$(document).ready(function(){
    $("#change").click(function(){
        $("#myCont").html($("#areaA").val());
        $titles = $("#areaB").val().split("'n");
        $counter = 0;
        $("#myCont a").each(function(x,element){
            if($titles[$counter]!=null){
                $(element).attr("title",$titles[$counter]);
            }
            $counter++
        })
        $("#result").val( $("#myCont").html());
    })
})
相关文章：