首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在javascript中按下按钮时获取动态元素的值

在javascript中按下按钮时获取动态元素的值
EN

Stack Overflow用户
提问于 2018-08-14 07:12:45
回答 1查看 51关注 0票数 0

我正在动态地输出包含几条信息的数据块,其中包括一个按钮,当我按下该按钮时,我会给出该特定块中的名称。

我的ejs文件

代码语言:javascript
复制
<% data.forEach(el => { %>
    <div class="card">
        <img src= "<%= el.image %>" class="card-img-top" alt="">
        <h5 class="card-title"><%= el.name %></h5>
        <p class="card-text">Age: <%= el.age %></p>
        <p class="card-text"><%= el.club %></p>
        <button class="remove-player">Remove Player</button>
    </div>
<% }) %>

当我按下按钮时,我想要获取与该按钮相关联的元素名称的值,因为我有多个元素,使用jQuery会给出多个值,例如

代码语言:javascript
复制
$('.remove-player').on('click', function() {
    console.log($('.card-title').text());
});

我只想获得与被按下的按钮相关联的卡片标题的值。

EN

回答 1

Stack Overflow用户

发布于 2018-08-14 08:05:42

使用相对于$(this)的导航。

代码语言:javascript
复制
console.log($(this).siblings(".card-title").text());
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51831728

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档