Ajax请求从特定div加载数据?

时间:2017-02-15 11:22:49

标签: php jquery ajax

我在视图中有这个div index.php:

<div id="lightgallery-<?php echo get_the_ID(); ?>">
</div>

在我的load-data.php中,我有这个:

foreach($subpages as $post) : setup_postdata($post);
    <div id="lightgallery-<?php echo get_the_ID(); ?>">
    <?php
        foreach ($files as $image) {
            $image_attributes = wp_get_attachment_url( $image->ID );
            $attachment_title = get_the_title($image->ID);
            $caption = get_post_field('post_excerpt', $image->ID);
            ?>
          <a class="item" href="<?php echo $image_attributes ?>"  data-sub-html="<?php echo $attachment_title; ?> <?php if($caption!= '') echo ' - ' ?> <?php echo $caption ?>"><img src="<?php echo $image_attributes ?>"></a>
         <?php }
endforeach ?>
       </div>

在我的剧本中我有这个:

$(".open").click(function (e) {
                    var id = $(this).find('.get_id').text()
                    e.preventDefault();
                    $.ajax({url: "/load-data", success: function(result){
                        var data = $(result).find('data').html()
                        console.log(result);
                         $("#lightgallery-"+id).html(data);
                            $('#lightgallery-'+ id + ' .item:first').click();
                 }});

现在我想要的是当用户点击链接将id发送到load-data.php并从具有该id的foreach获取特定div时。任何建议我怎么能这样做。现在我用我的脚本从第一个和第二个foreach获得所有数据,我只想从第二个foreach获得,但是对于那个特定的id。

编辑: 我尝试了这个,但未定义。

var div = $('#lightgallery-' +id, $(result)).html();

0 个答案:

没有答案