如何使用 javascript/jquery 访问嵌套 html 元素的值

How access value of nested html element with javascript/jquery

提问人:albtarta 提问时间:3/7/2022 更新时间:3/8/2022 访问量:504

问:

我有这段代码:

   <td class="fieldValue " id="Contacts_detailView_fieldValue_leadsource" >
     <span class="value" data-field-type="picklist" >
      <span >Partner</span>
     </span>
   </td>

如何访问值“合作伙伴”? 谢谢

JavaScript HTML jQuery 嵌套 元素

评论

0赞 ControlAltDel 3/7/2022
document.querySelector(“.value span”).textContent;
0赞 albtarta 3/7/2022
谢谢你的评论,但是在代码中我有很多相同的类,所以我必须参考具有唯一 id 的 哪个,我该怎么办?<span><td>

答:

0赞 Moscatelli Marco 3/7/2022 #1

您可以简单地选择父元素,然后从那里转到子元素以获取 innerHtml

const value = document.querySelector(".value")
const partner = value.children; 

// partner[0] is for taking the first element 
// and then .innerHTML is for the content inside
console.log(partner[0].innerHTML)

评论

0赞 albtarta 3/7/2022
谢谢你的回答,但是在代码中我有很多相同的类,所以我必须参考具有唯一 id 的,我该怎么办?<span><td>
0赞 Moscatelli Marco 12/31/2022
只需使用 document.querySelector(“#id-of-your-td”)
0赞 albtarta 3/8/2022 #2

我最终采用了这个解决方案:

function textSpan(id){
    const collection = document.getElementById(id);
    const value = collection.children;
    const final = value[0].children[0].innerText;
    return final;
}console.log(textSpan('Contacts_detailView_fieldValue_leadsource'));

谢谢大家的建议!