javascript - 使用 JQuery 获取图像的标题并将其显示为 HTML

Question

我有一个显示正常的 img，但是我现在想隐藏该图像(显示:无)并获取其标题的值，然后使用 JQuery 将其显示在其父 div 中。我确信这相对简单，我现在只是脑子一片空白。

<div class="cardBrand image">
  <img class="card-logo" title="Mastercard" src="/hosted/assets/payment-logo/mastercard-debit.png">
</div>

Answer 1

您可以在图像后面插入标题，例如

$('.cardBrand.image img').after(function() {
  return this.title;
}).hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cardBrand image">
  <img class="card-logo" title="Mastercard" src="/hosted/assets/payment-logo/mastercard-debit.png">
</div>