首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用jQuery查找card._id的值?

如何使用jQuery查找card._id的值?
EN

Stack Overflow用户
提问于 2021-02-26 17:07:30
回答 3查看 50关注 0票数 -1

我点击一个带有“return”类的按钮,我想要获得卡的id。这是一个简单的代码。

代码语言:javascript
运行
复制
$('.return').on('click', () => {

  let a = $('.return').siblings();
  console.log(a);

})
代码语言:javascript
运行
复制
for (let card of cards) { 
table += `

  ${card._id}
  ${card._visitor}
  ${card._bookName}
  ${card._borrowDate}
  ${card._returnDate==='not fetched'?'' + '
    ':card._returnDate}

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-02-26 17:11:54

你可以这样做:

代码语言:javascript
运行
复制
let a = $(this).parent().prevAll("th").text();

$(this)<-指单击的按钮。

.parent()<-访问td

.prevAll("th")<-查找th

这是摆在你面前的td

.text()<-获取文本${card._id}

问题是你的button不是你的兄弟姐妹th

演示

代码语言:javascript
运行
复制
$('.return').on('click', function() {

  let a = $(this).parent().prevAll("th").text();
  console.log(a);

})
代码语言:javascript
运行
复制
${card._id}
    ${card._visitor}
    ${card._bookName}
    ${card._borrowDate}
    ${card._returnDate==='not fetched'?'' + '
      ':card._returnDate}

票数 0
EN

Stack Overflow用户

发布于 2021-02-26 17:34:37

一种选择是将id按下按钮

then you can access that id without needing to traverse.

Note you're also using ()=> in the click event, so you won't be able to use this to reference the button. Change to function() to get this, giving:

代码语言:js
复制
$('.return').on('click', function() {

  let id = $(this).data("id");
  console.log(id);

})

代码语言:javascript
运行
复制
    1
      return
      
    
    
      2
      return
      
    
  
  
    752
    return
票数 0
EN

Stack Overflow用户

发布于 2021-02-26 17:36:52

您可以绕过jquery,在添加卡时使用脚本将onclick方法附加到按钮并检索卡id。

代码语言:javascript
运行
复制
const cards = [{
    _id: 1,
    _returnDate: "not fetched"
  },
  {
    _id: 2,
    _returnDate: "not fetched"
  }
]
const table = document.querySelector("table")
for (let card of cards) {
  table.innerHTML += ` 
      ${card._id}
       Click Me
      `
}

function buttonClick(cardId) {
  console.log("card id:", cardId)
}

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66382951

复制
相关文章

相似问题

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