Как получить значение id внутреннего div в jQuery?

Question

На моей странице div структура, как это:

<div class="row no-padding"> 
    <div class="col-sm-3 col-lg-5 widget-left"> 
    <em class="glyphicon glyphicon-user glyphicon-l"></em> 
    </div> 
    <div class="col-sm-9 col-lg-7 widget-right"> 
    <?php echo '<div id="shop1" class="large">'. $row["0"]. '</div>';?> 
    <div class="text-muted">User Details</div> 
    </div> <!-- $row['id'] also in query for uniqueness --> 
</div> 

И смотреть это нравится:

Хотя нажав на классе row no-padding я хочу предупредить текст как «Hadapsar», «Kolhapur» и т. д. В настоящее время мой код jQuery работает только для класса large.

$(document).ready(function(){ 
    $('.large').click(function(event) { 
    var ar = $(this).text(); 
    alert(ar); 
    pune_shop(ar); 
    }); 
}); 

Answer 1

Пожалуйста, попробуйте эту.

$(document).ready(function(){ 
    $('.row.no-padding').click(function(event) { 
     var ar = $(this).find('.large').text(); 
     alert(ar); 
     pune_shop(ar); 
    }); 
});