jquery - 如何将 href 标题替换为 div

Question

是否可以将 href="#" title="ooo"标签更改为 div？我尝试了这些代码但不起作用，

这是我的 HTML 代码

<ul class="test">
    <li><a href="#" class="ut" title="ok">Test1</a></li>
    <li><a href="#" class="ut" title="ok">Test2</a></li>
    <li><a href="#" class="ut" title="ok">Test3</a></li>
    <li><a href="#" class="ut" title="ok">Test4</a></li>
</ul>

JS：

$('.test').each(function(){
  var title = $(this).find(".ut a").attr("title");
  $(this).find("a div").text(title);
});

它应该是这样的：

测试1

好的

测试2

好的

测试3

好的

测试4

好的

但不工作...

http://jsfiddle.net/MotoTony/UePwj/

一如既往，感谢您的帮助！

Answer 1

$('.test').each(function(){
    var title = $(this).find("a.ut").attr("title");
    $(this).find("a div").text(title);
});

我不确定“a div”应该代表什么，但我更改了您的 find() 函数以正确选择“ut”类的锚点

Answer 2

这给出了您预期的输出 -

http://jsfiddle.net/UePwj/7/

$('.test a').each(function(){
    var title = $(this).attr("title");
    $(this).parent('li').append("<div>"+title+"</div>");
});