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>"

我希望得到这一行＆＃34; /assets/line_icon.png" ;,但我不知道该怎么做。请！帮助我。

p / s：我必须添加＆＃34;这个＆＃34;在onclick="openimage(this)，因为我在轨道上的红宝石中使用循环

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'));
}

＆＃13;

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

＆＃13;

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

＆＃13;

如何在函数元素中获取值

3 个答案: