jQuery从每个动态行中获取价值

Question

我正在尝试从一系列动态div中获取值以写入数据库。

我的div的html如下...

<div class='doc_holder_list'>
<p class='right'> (Delete [<a href='javascript:void(0);' class='appended'>X</a>])</p>
<p><span class='red2' data-file_id='10'>File 10</span></p>
<p class='file_desc1a'>File Description 10</p>
<p class='file_ins1a'>File Notes 7</p>
</div>
<div class='doc_holder_list'>
<p class='right'> (Delete [<a href='javascript:void(0);' class='appended'>X</a>])</p>
<p><span class='red2' data-file_id='34'>File 7</span></p>
<p class='file_desc1a'>File Description 7</p>
<p class='file_ins1a'>File Notes 7</p>
</div> etc....

我的JQuery失败了...

$.each($('.doc_holder_list'),function(){
            var get_file_id=$('.red2').data('file_id');
            get_files+=get_file_id+"|";
            alert(get_files);
        });

目前，这正试图仅返回data属性中的文件ID。 最终，我也想将对doc_holder_list div的每个实例的描述也拖到外面。

Answer 1

您需要本地化你在每个级别的搜索， $('.red')会搜索并找到所有.red你的页面，这是不是你想要的，在这一点上-你要查找的.red内.doc_holder_list ：

（请注意，以下两种方法可能仅在您还实现以下有关使用$('').each()而不是$.each() ）

/// this allows you to search within an existing jQuery selection
/// as you are within an each() "this" will refer to .doc_holder_list
get_file_id=$(this).find('.red2')

要么

/// this defines the 'context' of where your jQuery search will occur
/// as you are within an each() "this" will refer to .doc_holder_list
get_file_id=$('.red2', this)

以上任何一种都可以解决您的问题...

另外，而不是：

$.each($('.doc_holder_list'),function(){

这样写会更干净：

$('.doc_holder_list').each(function(){
  ....
});