如何在jQuery中獲取內部div的id值？

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); 
    }); 
});