JQuery get siblings value / text in dynamically created element

Question

I want to get the .text() of the sibling customerID from the class"db_record_left" when class="db_record_left" gets clicked. The whole class="db_record" is dynamical generated. But the console.log(CustID); still prints it for every class="db_record" and not only for the clicked one.

echo'
                    
                        
                            '.$cus_Fname.' '.$cus_Lname.'
                            
                                Adresse:
                                '.$cus_Adress.'
                                
                                    '.$cus_ZipCode.' 
                                    '.$cus_Locality.'
                                
                            
                            
                                Fahrzeuge:
                                '.matchVehicles($cus_Vehicles).'
                            
                        
                        
                            
                                navigate_next
                            
                        
                    
                    '.$cus_ID.'                
                ';

This would be the jQuery-code

function checkCustomerInformation(){
    $(".db_records_wrapper").on('click', 'div.db_record', function (){
        const CustID = $(this).siblings(".customerID").text();
        console.log(CustID);
    });
}

user_519413 · Answer

siblings() gets every matching sibling element. To get only the only following the .db_record which was clicked, use next():

$(this).next(".customerID").text();

Here's a working example:

function checkCustomerInformation() {
  $(".db_records_wrapper").on('click', 'div.db_record', function() {
    const custID = $(this).next(".customerID").text();
    console.log(custID );
  });
}

checkCustomerInformation();

.db_record {
  margin: 10px;
}



  
    
      $cus_Fname1 $cus_Lname1
      
        Adresse:
        $cus_Adress1
        
          $cus_ZipCode1
          $cus_Locality1
        
      
      
        Fahrzeuge:
        matchVehicles($cus_Vehicles1)
      
    
    
      
        navigate_next
      
    
  
  $cus_ID1

  
    
      $cus_Fname2 $cus_Lname2
      
        Adresse:
        $cus_Adress2
        
          $cus_ZipCode2
          $cus_Locality2
        
      
      
        Fahrzeuge:
        matchVehicles($cus_Vehicles2)
      
    
    
      
        navigate_next
      
    
  
  $cus_ID2

JQuery get siblings value / text in dynamically created element

1 Answers