提问人:albtarta 提问时间:3/7/2022 更新时间:3/8/2022 访问量:504
如何使用 javascript/jquery 访问嵌套 html 元素的值
How access value of nested html element with javascript/jquery
问:
我有这段代码:
<td class="fieldValue " id="Contacts_detailView_fieldValue_leadsource" >
<span class="value" data-field-type="picklist" >
<span >Partner</span>
</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'));
谢谢大家的建议!
评论
<span>
<td>