首页 文章

如何使用此html和jquery代码显示图像

提问于
浏览
1

我想显示图像,但代码如下:

HTML:

<a href="javascript:" class="menuin" from="account.png"></a>
<a href="javascript:" class="menuin" from="home.png"></a>

jQuery的:

$(".menuin").html('<img src="img/'+$(this).attr('from')+'">');

我在jquery代码上遇到了麻烦 . 我认为这是错误的代码 . 我想根据 from 属性显示图像 . 你能帮我吗?

1 回答

  • 3

    您应该使用.html(function)方法,它将迭代 .menuin 元素并使用当前元素上下文,即 this 来获取相关属性值 .

    我还建议使用 data-* 前缀自定义属性 .

    $(".menuin").html(function(index, oldHtml) {
      return '<img src="img/' + $(this).data('from') + '">'
    });
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <a href="javascript:" class="menuin" data-from="account.png"></a>
    <a href="javascript:" class="menuin" data-from="home.png"></a>
    

相关问题