Question

考虑以下代码：

<a href="tutu">
    <img src="ver.gif" class="logo" id="header-logo" title="Coco">
</a>

和脚本：

$('a[href$="tutu"]').each(function () {
    $(this).text($(this).prop('title'));
})

我正在尝试用标题文字替换图像，因此它会显示coco而不是图像。

你能帮帮我吗？

Answer 1

我使用.replaceWith()：

select * from ( select *, Rown= row_number() over (order by date desc) from yourtable ) a
   where a.RowN = 2

$('a[href$="tutu"]').each(function() {
  $(this).find('img').replaceWith($(this).find('img').prop('title'));
})

Answer 2

尝试使用以下代码

JS：

$('a[href$="tutu"]').each(function () {
    $(this).html($(this).prop('title'));
})

Answer 3

img元素是a代码的子代，因此您必须先在a标记下找到所需的img，然后获取图片标题属性并设置a的内容标记为此值：

＆＃13;

$('a[href="tutu"]').each(function () {
    var title=$(this).find('img').attr('title');
    $(this).html(title);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<a href="tutu">
    <img src="ver.gif" class="logo" id="header-logo" title="Coco">
</a>

＆＃13;

Answer 4

这里的错误是this这里是 <a href="tutu"><img src="ver.gif" class="logo" id="header-logo" title="Coco"></a>

它没有属性标题，它的孩子有，所以你必须做类似的事情：

$('a[href$="tutu"]').each(function () {
   $(this).text($(this).children().prop('title'));
});

希望这能解决您的问题。

用JQuery替换链接中的图像

4 个答案: