请教一个jquery的写法

页面上有table<table>
    <tr><td>
        <a id='aaa' href='javascript:test(this)'>aaa</a>    
    </td></tr>
    <tr><td>
        <a id='bbb' href='javascript:test(this)'>bbb</a>    
    </td></tr>
    <tr><td>
        <a id='ccc' href='javascript:test(this)'>ccc</a>    
    </td></tr>
    <tr><td>
        <a id='ddd' href='javascript:test(this)'>ddd</a>    
    </td></tr>
   </table>当我点击某个a元素时，触发test方法，test要将其他的行去掉，比如现在点的‘bbb'，则html为<table>
    <tr><td>
        <a id='bbb' href='javascript:test(this)'>bbb</a>    
    </td></tr>
</table>

解决方案 »

  1.   


        $("table tr").click(function(){
           $(this).siblings("tr").remove();
        });
      

  2.   

    一个
    <tr><td>
            <a id='aaa' href='javascript:test(this)'>aaa</a>    
    </td></tr>
    块整个地视为一个条目，取到table下面的全部条目tr，当点击一个a的时候，取到自己所在条目的tr对象。
    此时遍历全部条目，当!=被点击条目tr对象时，则table.removeChild这个tr对象，最后就只会留下被点击的那块条目。注意删除的时候，删除后不移动下标，跳过了再移动。
      

  3.   

    <html>
        <head>
            <title></title>
        </head>
        <body>
            <table id="tblTest">
        <tr><td>
            <a id='aaa' onclick='test(this)' href="#">aaa</a>    
        </td></tr>
        <tr><td>
            <a id='bbb' onclick='test(this)' href="#">bbb</a>    
        </td></tr>
        <tr><td>
            <a id='ccc' onclick='test(this)' href="#">ccc</a>    
        </td></tr>
        <tr><td>
            <a id='ddd' onclick='test(this)' href="#">ddd</a>    
        </td></tr>
       </table>
    <script type="text/javascript" language="javascript">
        function test(link){
            var tr=link.parentNode.parentNode;
            tr.id="notremove";
            
            var tbl=document.getElementById("tblTest");
            for(var i=0;i<tbl.rows.length;i++){
                var row=tbl.rows[i];
                if(row.id=="notremove") continue;
                tbl.tBodies[0].removeChild(row);
                i--;
            }
        }
    </script>
        </body>
    </html>
      

  4.   

    首先, 不要在a标签的href中使用this来索引当前dom结点. 这里不能找到a标签自身, 这个this的作用域是全局, 要写在onclick中另外的思路就很简单了, 通过$.parent()找到tr层, 把html提取出来即可 <table>
    <tr>
    <td>
            <a id='aaa' href='#' onclick="test(this)">aaa</a>    
        </td>
    </tr>
    ...
    function test(elem){
    var html = $(elem).parent().parent().html();
    $($("table")[0]).html("<tr>"+html+"</tr>");//找寻table有其它的方法. html外套tr标签, 因为$.html()无法找到自身那一级的dom
                    return false;
    }
      

  5.   

    http://www.css88.com/jqapi/#p=siblings  jQuery  siblings 详解
      

  6.   

    用委托做比较好<table>
        <tr><td>
            <a>aaa</a>    
        </td></tr>
        <tr><td>
            <a>bbb</a>    
        </td></tr>
        <tr><td>
            <a>ccc</a>    
        </td></tr>
        <tr><td>
            <a>ddd</a>    11111111111111
        </td></tr>
       </table>    <script type="text/javascript">        $(function () {            $("table").click(function (event) {                if ($(event.target).is("a")) {
                        $(event.target).parent().parent().siblings().remove();
                    }            });        });
            
        </script>
      

  7.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>    <script language="javascript" type="text/javascript">    </script></head>
    <body>
        <table>
        <tr><td>
            <a id='aaa' href='javascript:void(0)' onclick='test(this)'>aaa</a>    
        </td></tr>
        <tr><td>
            <a id='bbb' href='javascript:void(0)' onclick='test(this)'>bbb</a>    
        </td></tr>
        <tr><td>
            <a id='ccc' href='javascript:void(0)' onclick='test(this)'>ccc</a>    
        </td></tr>
        <tr><td>
            <a id='ddd' href='javascript:void(0)' onclick='test(this)'>ddd</a>    
        </td></tr>
       </table>
       <script>
        function test(o){
      var tds=document.getElementsByTagName("tr");
          //console.log(tds[0].parentNode)
          //tds[0].parentNode.removeChild(tds[1])
          tds[0].parentNode.innerHTML=o.parentNode.parentNode.innerHTML
    // alert(tds[1].innerHTML)
    }
       </script>
    </body>
    </html>
      

  8.   

    <script type="text/javascript">
    function test(obj)
    {
    //var tbl=document.getElementById("tblTest");
    var alink=document.getElementsByTagName("a");for (var i=0; i<alink.length; i++)
    { 
      if (alink[i].id != obj.id)
      {
         //tbl.removeChild(alink[i].parentNode.parentNode);
         alink[i].parentNode.parentNode.parentNode.removeChild(alink[i].parentNode.parentNode);
         i--;
      }
    }
    }
     
    </script>