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

Question

我正在创建一个包含在 div 中的记录列表，我想获取单击的 div 内的 p 标签内的内容值。如何使用一些 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 只能向下移动一层。