find div within parent div by parent div class in jquery
http://stackoverflow.com/questions/24830356/find-div-within-parent-div-by-parent-div-class-in-jquery
HTML
<div class="noUi-handle noUi-handle-lower">
<div id="divQuestionresponseContainer_0">
<div1 id="divQuestionresponseContainer_0$QRC1">
<div id="divinnerQuestionDetails1" class="div1">
<span class=""></span>
</div>
</div1>
<div2 id="divQuestionresponseContainer_0$QRC2">
<div id="divinnerQuestionDetails2" class="div2">
<span class="requiredTxt"></span>
</div>
<div id="divinnerQuestion" class="div2">
<span ></span>
</div>
</div2>
<div3 id="divQuestionresponseContainer_0$QRC3">
<div id="divinnerQuestionDetails3" class="div3">
<span class="requiredTxt"></span>
</div>
</div3>
</div>
</div>
CSS
div {
background-color:gray;
display:block;
float:left;
height:50px;
width:50px;
}
div1 {
background-color:red;
display:block;
float:left;
height:50px;
width:500px;
}
div2 {
background-color:yellow;
display:block;
float:left;
height:50px;
width:500px;
}
div3 {
background-color:black;
display:block;
float:left;
height:50px;
width:500px;
}
.mushrooms {
background-color:green;
}
.requiredTxt
{
background-color:green;
}
JavaScript
function pizzaToppings() {
var mandatoryQ=$(obj).find('.requiredTxt').parent('div');
$("#mandatoryQ").each(function (key, obj) {
alert($(obj).attr('id'));
//var mandatory=$(obj).find("div[id^='_divinnerQuestionDetails_']");
// alert(mandatory.attr('id'));
});
}
$('.noUi-handle').on('click', pizzaToppings);