如何获取函数元素中的值

How to get values in function element

本文关键字：元素 函数 何获取 获取      更新时间：2023-09-26

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

我的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 中使用循环

只需将js函数更改为：

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

在功能的核心

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

您需要更改一些代码，如：

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>

相关文章：