使用jquery的Ajax更新元素

时间:2014-02-21 20:47:03

标签: jquery ajax

我设法自动为我的div提供不同的ID

我有以下

<diw class="ajaxlink">
     <div id="post1">  
     </div>

     ..link  1 ...
</div>
<div class="ajaxlink>
     <div id="post2">
     </div>
     ...link 2 ...
</div>

我想更新特定的div

通过以下方式选择div

当我点击链接1时,我启动了一个jquery

显示正确的ID

如果我点击链接1,我的命令

alert($(".ajaxlink > :first-child").attr("id"));

显示post1

如果我点击链接2,我的命令会显示post2

精细。

但是当我使用更新选项时

'update'=>'.ajaxlink > :first-child'  

它更新了post1和post2 div,它应该更新所选帖子,警报显示id的正确名称(post1或post2)

这是代码

<div class="ajaxlink">
        <?php echo "<div id='post".$data->id."'>...</div>";  ?>
        <?php           

            echo CHtml::ajaxLink(
            'Test request',          
            array($url_replace),
            array(
            'update'=>'.ajaxlink > :first-child' ,
            'beforeSend' => 'function() {  
               alert($(".ajaxlink > :first-child").attr("id"));  //alert post 1 if I'm in post 1..

            }',

            )
            );


        ?>
    </div>

你能帮我吗?

1 个答案:

答案 0 :(得分:1)

既然你知道postid,我会说用它来形成更新ajaxLink:

<div class="ajaxlink">
    <?php echo "<div id='post".$data->id."'>...</div>";  ?>
    <?php
        echo CHtml::ajaxLink(
            'Test request',          
            array($url_replace),
            array(
                'update'=>'#post'.$data->id,
                'beforeSend' => 'function() {  
                    alert($("#post'.$data->id.'").attr("id"));
                }',
            )
        );
    ?>
</div>