循环追加Jquery(& A)

pdkcd3nj  于 2022-12-03  发布在  jQuery
关注(0)|答案(3)|浏览(126)

我有一个对象数组

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

w80xi6nr

w80xi6nr1#

另一个可能的配方。

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

r1zhe5dt2#

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

xggvc2p6

xggvc2p63#

也许这就是你要找的。

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

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

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

演示版

第一次

相关问题