根據子div的id獲取父div的id,在根據父div的id獲取子div下input框的id
html部分: var div = 100; function XXX(){ $("#material").append( "<div id='div"+div+"' class='col-sm-10' style='width:750px;'>" + "<div class='left' id='left"+div+"'>"+ "<select id='typ"+div+"' class='form-control' v-model='saleMstProduct.product'"+div+" onchange='getCompany2(this.id)'></select>"+ "</div>"+ "<div class='center'>"+ "<input id='"+div+"' type='text' class='form-control' v-model='saleMstProduct.number'"+div+"/>"+ "</div>"+ "<div class='right' id='right"+div+"'>"+ "<input id='company"+div+"'name='gj' class='form-control' disabled='true'></input>"+ "</div>"+ "<div id='ma"+div+"' style='float:left;margin-top: 18px;'>"+ "<a onclick='delDiv()'><i class='fa fa-minus-circle fa-2x' style='cursor: pointer; color:red;'></i></a>"+ "</div>"+ "</div>" ) }" js部分: function getCompany2(divId){ var cd = div -1; var typ = $("#"+divId).val(); //獲取select所在div的id var d123 = document.getElementById(divId).parentElement.id; //通過id獲取大div的id var d1233 = document.getElementById(d123).parentElement.id; console.log(d1233) //獲取input框所在div的id var d1234 = (document.getElementById(d1233).childNodes)[2].id; //獲取input的id var param2 = $("#"+d1234+" input[name='gj']"); }
over!!!僅記載成長曆程。