从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只向下走一个台阶。