javascript
  • jquery
  • 2012-07-10 75 views 1 likes 
    1

    我一直在开发一些网页,我需要清除一些DIV的内容:如何使用JS/Jquery清除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”改变它的视图,但不会改变行为,因为简单的按钮是可点击的而选择的按钮是不可点击的!

    +1

    如果您有**新**问题,请发布一个新的。人们已经为您的原始问题**提供了**良好的答案,但是现在它们由于您的编辑而被呈现为无效/不完整。** – Lix 2012-07-10 12:53:59

    回答

    4

    它使用.empty()作为你的代码确实已经明确指出,除了它警报之后清除。请看这里:http://jsfiddle.net/YPLeB/

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

    +0

    但内容不清楚!它仍然是一样的! – user1477886 2012-07-10 12:23:27

    +0

    我在那种情况下使用了错误的选择器('.records_content')。你试过小提琴演示吗? – David 2012-07-10 12:27:59

    +0

    对不起,我改变了我的div的立场,现在它的作品。现在我有分页问题 - 请检查我更新的问题! – user1477886 2012-07-10 12:39:28

    2

    试试这个:

    $(".records_content").html(''); 
    
    +0

    为什么这比$(“。records_content”)更好。 ? – algiecas 2012-07-10 12:06:48

    +0

    更好?可能不是......但它**是另一种选择......而不是“清空”元素,所有这些都是用空字符串取代竞争......基本上是同一个动作。 – Lix 2012-07-10 12:17:08

    0

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

    你的代码本身是正确的......只有命令的排序绊倒你了......

    相关问题