javascript - 如何获取函数元素中的值

Question

我不知道如何在这样的元素中获取特殊值:

我的 HTML:

<div class="medium-6 medium-centered row" id="image-box">
    <% @files = Dir["app/assets/images/*.*"] %>
    <% @files.each do |f| %>
    <div class="th" onclick="openimage(this)">
        <img src="/assets/<%= f.split('/').last %>"  width="50" height="55" id="abc" />
    </div>
    <% end %>
</div>

我的javascript:

function openimage(element) {
    console.log(element)
}

我的元素像这样返回:

"<div class="th" onclick="openimage(this)">
    <img src="/assets/line_icon.png" width="50" height="55" id="abc">
</div>"

我想得到这一行“/assets/line_icon.png”，但我不知道该怎么做。请!帮助我。

p/s: 我必须在 onclick="openimage(this) 中添加 "this"，因为我在 ruby​​ on rails 中使用循环

Answer 1

只需将您的 js 函数更改为:

function openimage(element) {
       console.log($(element).find("img").attr("src"))
    }