Question

In my project. I am trying to check whether a certain number already present in any other adjacent div‘s which are present in a parent div.

  //generated dynamically using jQuery
  <div> //parent div
      //many div's
      //one of the child div is selected by the user.
  </div>
  <div> //another parent div
     //my function is checking one of these div's instead of the above, rarely
  </div>

---

I used the following below code. but it sometimes(rarely) selecting the another parent div‘s child elements which I dont want to check for (I checked with debugger in chrome). and if sometimes even if the function selects the correct parent div it is always selecting the same child div element which is selected by the user.

jQuery

function checkInGroup(){
    var selectedDiv = $('#' + _selectedDivId); //updated after engineer's comment
    selectedDiv.parent("div").children().each(function(){
        debugger;
        if(this !== selectedDiv[0]){ //selecting the same div
            var self = $(this);
            if(self.text() == _randomNumber){
                debugger; //never executing
                //do some function here
            }
        }
    });
}

EDIT: I am not sure why my code is not working when it is working fine in jsbin. I need to check why so.. It is always checking with the same user selected div?? Hence the function is not entering into the if statement..

The debugger which is present inside the if statement is never executing. and also the each function loop is happening only once with the same selected div (hence the function is not entering in to the if statement)

Here is the jsfiddle

Answer 1

Use siblings .

$('#' + _selectedDivId).siblings().each(function(){

});

Updated:

selectedDiv id is not actually div it is button id. that’s the problem. please
change your code like below.

   selectedDiv.parent("div").parent("div").find("button").each(function(){

demo