jquery - 如何删除 anchor 并在html中分配 anchor

Question

我有一个ul:

<ul>
  <li>1</li>
  <li><a href="#">2</a></li>
</ul>

我需要一个我想先做的东西 li 来锚定手段

<li>1</li>

到

<li><a href="#">1</li></li>`

并从第二个方法中移除 anchor

<li><a href="#">2</a></li>  to <li>2</li>

我如何在 jQuery 中执行此操作？

Answer 1

非常简单的方法，“切换”链接:

$('ul li').each(function() {
    if($(this).find('a').length > 0) {
         $(this).text($(this).text());
    }
    else {
        $(this).html($('<a />').attr('href', '#').text($(this).text()));
    }
});

示例:http://jsfiddle.net/E2ryt/

更新:

根据您的评论，我认为您想要这个:

$('ul li').each(function() {
    $(this).html($('<a />').attr('href', '#').text($(this).text()));
}).click(function() {
     $(this).text($(this).text());
});

但我不是 100% 确定。看这里:http://jsfiddle.net/E2ryt/1/

更新 2:

根据 David 的评论，您可能需要这个:

var lastClicked = null;

$('ul li').click(function() {
    if(lastClicked) {
        lastClicked.html($('<a />').attr('href', '#').text(lastClicked.text()));
    }
    lastClicked = $(this).text($(this).text());
});

参见此处:http://jsfiddle.net/E2ryt/2/