Javascript 从div中的p标记中选择值

Javascript 从div中的p标记中选择值,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我正在创建一个包含在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>

我正在创建一个包含在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>

id\0000000

resume@resume.com

激活

2011年11月11日

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');
});
var记录=$(“.result_框”)//字段包装器
$(记录)。单击(函数(e){//在添加输入按钮上单击
//e、 预防默认值();
var record\u id=//任何值都在

警报(“点击按钮”); });


附加信息如果需要,“结果框”类在整个过程中都是相同的,但我只需要特定结果框的值。

在单击的
div中,使用:-

var record_id = $(this).children('#res_id').text();
但是,由于Id应该是唯一的,您可以只执行以下操作:-

var record_id = $('#res_id').text();
如果您正在使用多个
#resu id
,请将它们更改为类
.resu id
,然后执行以下操作:-

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

children
仅向下移动一级。

在单击的
div中,使用:-

var record_id = $(this).children('#res_id').text();
但是,由于Id应该是唯一的,您可以只执行以下操作:-

var record_id = $('#res_id').text();
如果您正在使用多个
#resu id
,请将它们更改为类
.resu id
,然后执行以下操作:-

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

儿童
只能向下移动一级。

仅供参考的id必须是唯一的。@DanielA.White他的id是唯一的,不是吗?仅供参考的id必须是唯一的。@DanielA.White他的id是唯一的,不是吗?谢谢!它工作正常,就我的标记和id的使用而言,我将其设置为共享与其关联的同一类文本的实体的特定id。我想这可能是错的,因为我对这一点还不太熟悉。谢谢!它工作正常,就我的标记和id的使用而言,我将其设置为共享与其关联的同一类文本的实体的特定id。我想这可能是错的,因为我对这方面还不太熟悉