Jquery如何刪除一個html控件

Jquery如何刪除一個html控件？？？

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
      <script>
        $(function(){
        $('#btn').click(function(){
          $('#txt').remove();
    })
    })
      </script>
     </HEAD> <BODY>
      <input type='text' id='txt' value='sandy' />
      <input type='button' id='btn' value='remove' />
     </BODY>
    </HTML>
      

  2.   


    <p>Hello</p> how are <p>you?</p> $("p").remove(); 
    结果:
    how are 
      

  3.   

    謝謝～～我現在的控件是動態生成的....
     $(".add").click(function() {
                    var cObject = $(this).attr("id");
                    var name = $("input[id=" + cObject + "]").attr("name");
                    var c = $("input[id=" + cObject + "]").attr("value");
                    var box = "<a id='txt" + name + c + "'>" + name + c + ":</a><input type='text' id='txt" + name + c + "' name='txt" + name + c + "' /><a id='txt" + name + c + "' class='delete' onclick='DeleteDiv(\txt" + name + c + "\)'>刪除</a><br />";
                    $("div[menuid=" + cObject + "]> input:text:last").each(function() { $(this).next().after(box); });
                    var count = Number(c) + 1;
                    $("input[id=" + cObject + "]")[0].value = count;
                });function DeleteDiv(divId) {
                                $("a[id=" + divId + "]").remove();
                                 $("input[id=" + divId + "]").remove();
                
                };
    用jquery做的 ，但是好像不能調用到onlick的functiong，不知是怎么回事....
      

  4.   

    javascript是否也有remove屬性呢？？該怎么用？？謝謝
      

  5.   

    好像是应该用document获得他的对象然后调用clear方法吧
      

  6.   

    javascript的移除控件示例：
    javascript中用removeChild删除子节点(对象): 
    语法： 
    oElement = object.removeChild ( oChild ) 
    参数说明： 
    oChild:必选项。对象(Element)。要被删除的子对象。 
    返回值： 
    oElement:对象(Element)。返回被删除对象的引用。 
    说明： 
    从 object 的子对象中删除 oChild 。 
    oChild 为 object 的直系子对象。即必须为 object 的 children 集合中的一项。 
    删除 oChild 时， oChild 的所有子对象将被一起删除。 
    在运行时使用此方法是可以的。在对象的关闭标签被解析之前移除对象，则文档空间可能未被呈递。 
    代码： 
    <script type="text/javascript"> 
    var i_nowwidth=300;var i_nowheight=260; 
    function rdl_doRemove(){ 
    with (document.all("oParent")) { 
    if (children.length<1) return; 
    removeChild(children[0]); 
    } 
    i_nowheight=i_nowheight-15; 
    window.resizeTo(i_nowwidth,i_nowheight); 
    } 
    </script> 
    <div id=oParent> 
    <div>第1个子对象</div> 
    <div>第2个子对象</div> 
    <div><a href="#" onclick="return false;">第3个子对象</a></div> 
    <div>第4个子对象</div> 
    </div> 
    <br><input type=button value=" 删除第一个子对象 " onclick="rdl_doRemove()"> 
      

  7.   

    remove([expr])从DOM中删除所有匹配的元素。
    这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。
    返回值jQuery
    参数expr (String) : (可选) 用于筛选元素的jQuery表达式
    示例从DOM中把所有段落删除
    HTML 代码:
    <p>Hello</p> how are <p>you?</p>
    jQuery 代码:
    $("p").remove();
    结果:
    how are
    从DOM中把带有hello类的段落删除
    HTML 代码:
    <p class="hello">Hello</p> how are <p>you?</p>
    jQuery 代码:
    $("p").remove(".hello");
    结果:
    how are <p>you?</p>http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html