根據子div的id獲取父div的id,在根據父div的id獲取子div下input框的id

根據子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!!!僅記載成長曆程。