原创

js-获取同级元素的属性值

box.nextElementSibling.childNodes[1].innerHTML
<li class="mui-table-view-cell mui-indexed-list-item mui-checkbox mui-left">	<input style="padding: 10px 0;" type="checkbox" />		<div>			<div id="">张三</div>			<div id="">123456666</div>		</div></li>
var checkboxArray = [].slice.call(list.querySelectorAll('input[type="checkbox"]'));var checkedValues = [];checkboxArray.forEach(function(box) {if(box.checked) {  console.log('box='+box.parentNode.childNodes[1]);  //废弃//checkedValues.push(box.nextElementSibling.childNodes[1].innerHTML);  //childNodes.length的集合长度跟html代码换行有关,只要代码呈现换行了(非</br>),就会多一个节点，这里是一个坑!
  checkedValues.push(box.nextElementSibling.firstElementChild.innerText);//正确只会得到姓名//lastElementChild 获取手机号
 }
});
childNodes子节点 、 nodeType节点类型 、parentNode父节点 、firstChild第一个节点 、lastChild最后一个节点 ：
http://www.cnblogs.com/52css/archive/2013/03/05/2944019.html

正文到此结束

所属分类：前端基础

本文标签： JavaScript
本文链接： https://code.jiangjiesheng.cn/article/98
版权声明： 本文由小江同学原创发布，转载请先联系本站长，谢谢。

js-获取同级元素的属性值

热门推荐

相关文章

说给你听

本文目录

标签云

近期评论

网站信息