從div中的ap標簽中選擇一個值

Question

我正在創建div中包含的記錄的列表，我想獲取div內單擊的ap標記內的內容的值。 如何通過jquery使用.click函數引用p標簽及其值？

我有的

<div class="result_box">
     <p class="result_text" id="res_id">id# 0000000</p>
     <p class="result_text" id="res_mail">resume@resume.com</p>
     <p class="result_text" id="res_complete">Active</p>
     <p class="result_text" id="res_date">11/11/11</p>
</div>

使用Javascript

var record       = $(".result_box"); //Fields wrapper

 $(record).click(function(e){ //on add input button click
    //e.preventDefault();
    var record_id = //whatever value is within <p id="res_id">

    alert('button_clicked');
});

如果需要其他信息，則類“ result_box”在整個過程中都是相同的，但我只需要具有特定結果框的值。

Answer 1

在單擊的div內，使用：-

var record_id = $(this).children('#res_id').text();

不過，由於ID應該是唯一的，因此您可以執行以下操作：-

var record_id = $('#res_id').text();

如果您使用多個#res_id ，則將它們更改為類.res_id並執行以下操作：

var record_id = $(this).children('.res_id').text();

children只向下走一個台階。