1

我一直在开发一些页面，我需要清除一些 div 的内容：

                <table>
                    <tbody>
                    <div class="records_content">
                        <?php
                            $i=0;
                            foreach ($records as $record) {
                                echo "<tr class = 'output' style='border-bottom: 1px dotted silver;'>";
                                echo "<td width='400'>" . strip_tags($record['language_value']) . "</td>";
                                if ($record['approved_translation'])
                                {
                                    echo "<td width='200' height='30'><div class='field' id='".$record['label_value']."/".$record['language_id']."'>".
                                        strip_tags($record['approved_translation']['language_value'])."</div></td><td><button class='btn btn-info' id='{$record['label_value']}/{$record['language_id']}' href='#'>More...</button>"."</td>";
                                }
                                else
                                {
                                    echo "<td  width='200'>"."<div id='".$record['label_value']."/".$record['language_id']."'><span class='no_translate'>Not translated</span></div>" . "</td>";   
                                }                   
                                echo '</tr>';
                                $i++;
                            }
                        ?>
                    </div>
                    </tbody>
                </table>

一段JS代码：

           $(".page_button").click(function () {
                $.post("http://"+document.location.host+"/index.php/welcome/update_records_set/"+this.id,
                    function(data)
                    {
                        alert('123');
                        $(".records_content").empty();
                    });
            });

该脚本有效，因为我看到了“123”通知，但带有“.records_content”类的 div 容器不清楚。请告诉我，我该如何解决？谢谢你。

更新： 现在可以了。但是我有一个新的分页问题：

                <br><b>Page:</b><br/>
                <?php
                    for($i=0; $i<$count; $i++)
                    {
                        if ($i==0)
                        {
                            echo "<div class='selected_page_button'>".($i+1)." "."</div>";
                        }
                        else
                        {
                            echo "<div class='page_button'>".($i+1)." "."</div>";
                        }
                    }
                ?>

以及更改按钮类别的代码：

                $(".page_button").click(function () {

                    $(".selected_page_button").attr("class", "page_button");
                    $(this).attr("class", "selected_page_button");
                });

它适用于所有按钮，无需先。创建我的页面时，选择了第一页。当我点击“2”时，“1”很简单，“2”被选中。所有没有“1”的按钮也是如此：如果我点击“2”（或其他），那么我不能先点击！“1”会改变它的视图但不会改变行为，因为简单的按钮是可点击的，而选定的按钮是不可点击的！

4

3 回答 3

4

正如您的代码已经说明的那样，它确实.empty()可以清除，但它会在警报之后清除。见这里：http: //jsfiddle.net/YPLeB/

单击“确定”后，DIV按预期清除。

于 2012-07-10T12:10:07.127 回答
2

尝试这个：

$(".records_content").html('');
于 2012-07-10T12:00:47.247 回答
0

您会在 HTML 被清空之前看到警报发生。尝试在函数之后放置警报.empty()或使用非阻塞命令，例如console.log()调试代码。

你的代码本身是正确的......只有命令的顺序会让你绊倒......

于 2012-07-10T12:01:46.107 回答