原生:var innerHTMl=divObj.innerHTML(注意这里是ie)
js: 获取当前对象 父元素 的 第一个子元素 标签里面的文字
var text=$(this).parent().children(":first").html();
var chils= s.childNodes; //得到s的全部子节点
var par=s.parentNode; //得到s的父节点
var ns=s.nextSbiling; //获得s的下一个兄弟节点
var ps=s.previousSbiling; //得到s的上一个兄弟节点
var fc=s.firstChild; //获得s的第一个子节点
var lc=s.lastChile; //获得s的最后一个子节点
<h1>欢迎光临</h1> <br/> <b>至少选择一项(多选)</b> <ul> <li> <b>张姓名</b> <input type="hidden" LeastChooseMark="least_choose_one" /> <div > <input type="checkbox" name="zsxzyx_z_1" value="1" />张一 <input type="checkbox" name="zsxzyx_z_2" value="2" />张二 <input type="checkbox" name="zsxzyx_z_3" value="4" />张三 <input type="checkbox" name="zsxzyx_z_4" value="8" />张四 </div> </li> <li> <b>李姓名</b> <input type="hidden" LeastChooseMark="least_choose_one" /> <div> <input type="checkbox" name="zsxzyx_l_1" value="1" />李一 <input type="checkbox" name="zsxzyx_l_2" value="2" />李二 <input type="checkbox" name="zsxzyx_l_3" value="8" />李三 <input type="checkbox" name="zsxzyx_l_4" value="16" />李四 </div> </li> </ul>
/** * 获取下一个元素 * @param node node.nextSibling; * @returns */ function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ,回调自身函数 return getNextElement(node.nextSibling); } return null; }
/** * * checkbox name不一样 * * 多选中至少选择一项 * 判断checkbox是否选择 * @returns true 选中其中一项 */ function isCheckboxCheck(inputObj){ //获取下一个元素id // alert("33:"+getNextElement(inputObj.nextSibling).id); var divObj=document.getElementById(""+getNextElement(inputObj.nextSibling).id+""); // alert("divObjid:"+divObj.id); var divInput=divObj.getElementsByTagName("input"); //alert("inputObj:"+divInput.length); var chestr=""; for(var k=0;k<divInput.length;k++){ if(divInput[k].checked){ chestr+=divInput[k].value+","; break; } } if(chestr == ""){ //alert("请先选择一个!"); return false; }else{ return true; } }