[英]Dynamically add title attribute to URL in HTML
我正在尝试创建一个脚本,以将title属性动态添加到各个URL。
这个想法如下:
用户以以下格式将标题和URL的列表添加到另一个文本区域(文本区域B)中:
标题属性-HREF
标题属性-HREF
然后,脚本遍历文本区域B,并将title属性附加到文本区域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());
})
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.