从div中的p标签中选择一个值

Question

我正在创建div中包含的记录列表，我想获取点击div中的p标记内容的值。如何使用.click函数引用p标记及其值，使用一些jquery？

我有什么

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

如果需要的话，附加信息，类＆＃34; result_box＆＃34;在整个过程中是相同的，但我只想要具有该特定结果框的值。

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只能降低一个级别。