使用<a> tag?</a>中的文字创建“标题”属性

Question

是否可以将文本置于<a>标记内，并使用JavaScript将其添加到该标记的title属性中？

例如：

<a href="#" title="">Hello</a>

我希望文本“hello”成为title标记的<a>属性。像这样：

<a href="#" title="Hello">Hello</a>

这可以用JavaScript完成吗？任何帮助或指示将不胜感激。

Answer 1

在javascript中，按要求：

var anchors = document.getElementsByTagName('a');
for(i = 0;i < anchors.length; i++) {
    anchors[i].title = anchors[i].textContent;
}

http://jsfiddle.net/spencerooni/z97rc/

Answer 2

如果您拥有特定代码的ID（例如<a href="#" id="atag">...</a>）：

$('#atag').attr('title', $('#atag').text());

或者如果您想对所有a代码执行此操作：

$('a').each(
  function() {
    $(this).attr('title', $(this).text());
  }
);

Answer 3

DEMO

$('a').each(function() {
   var $this = $(this); /* slight optimisation over using $(this) twice */
   $this.attr('title',$this.text()); 
});

Answer 4

以最简单的jQuery形式：

$('a').attr('title', function(){ return $(this).text() })

<强> jsFiddle example