如何在函數元素中獲取值

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“，因為我在rails上使用ruby中的循環

Answer 1

只需將您的js功能更改為：

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

Answer 2

在你的功能的核心

 var tempSrc =$(element).find("img").attr("src");

Answer 3

您需要更改一些代碼，例如：

onclick="openimage(this, event)"

也在onclick處理程序中傳遞事件。

在你的js中你可以這樣做：

function openimage(e, event) {
  console.log(event.toElement.getAttribute('src'));
}

 function openimage(e, event) { console.log(event.toElement.getAttribute('src')); } 

 <div class="th" onclick="openimage(this, event)"> <img src="/assets/convert/" width="50" height="55" id="thumnail" /> </div>