javascript - 如何在功能元素中获取值

我不知道如何在这样的元素中获得特殊值：
我的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中使用了loop

最佳答案

只需将js函数更改为：

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