循环追加Jquery(& A)

pdkcd3nj 于 2022-12-03 发布在 jQuery

关注(0)|答案(3)|浏览(127)

我有一个对象数组

[
  {
    "id": "41796005",
    "name": " Manoj ",
    "phoneno": " xyz",
    "email": "xyz@gmail.com"
  },
  {
    "id": "160865953",
    "name": " Manisha Sajnani ",
    "phoneno": "xyz",
    "email": "xyz@gmail.com"
  }
]

这是html页面中的id div

<div class="tuple on" data-tuple-id="160865953" ></div>

所以我的问题是，如果两个值都匹配，如何追加id's divphoneno值
div的数量为40
sho我们如何在它们上循环并将数据附加到数组中可用id

jquery

来源：https://stackoverflow.com/questions/72558606/loop-append-jquery

3条答案

按热度按时间

w80xi6nr1#

另一个可能的配方。

arr.forEach((x) => {
  const elem = document.querySelector(`[data-tuple-id="${x.id}"]`)
  elem.innerHTML = x.phoneno
})

赞(0）回复(0）举报 2022-12-03

r1zhe5dt2#

对数据使用循环，比较id并将数据作为html附加到div上。
示例：
第一个

赞(0）回复(0）举报 2022-12-03

xggvc2p63#

也许这就是你要找的。

$(".tuple").text(function() {
  var n = d.find(x => x.id === $(this).attr("data-tuple-id"))

  return n ? n.phoneno : "";
})

如果找到任何匹配项，则会将phoneno中的值插入div

演示版

第一次

赞(0）回复(0）举报 2022-12-03

我来回答

循环追加Jquery(& A)

3条答案

相关问题

热门标签

最新问答