如何在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);
    });
});