javascript - 如何使用jquery仅从包含文本和图像的链接中删除文本？

Question

我有一个包含列表的网页。每个li 中都有一个a 标签。 a 标签包含文本和图像。这是 HTML:

<li class="li-one" style="">    
<a href="#" onclick="return false"><img class="theimg" src="...." width="18" height="12" alt="" title="">myText</a>
</li>

我尝试使用这个 jQuery，但图像也被删除了:

jQuery(document).ready(function($){jQuery(".li-one").text("");});

如何使用 jQuery 删除文本 (myText)？

Answer 1

缓存图像，然后清空 anchor 元素，然后重新插入图像:

jQuery(document).ready(function ($) {
    $(".li-one a").each(function () {
        var $this = $(this);
        var $img = $this.find('img');
        $this.empty().append($img);
    });
});