jquery 取到組件的next組件

時間 2020-05-29

標籤 jquery 組件欄目 JQuery 简体版

原文原文鏈接

需求是這樣的。

單擊某個組件，如何能夠根據該組件，取到該組件下一個附件。

因爲jquey 相關的next方法,都是取到組件的同一層次下的組件。在例子中，好比text.

因爲，組件的類和id 的不肯定性，這時候jquery的強大的選擇器，也望洋興嘆了。只能藉助篩選器了。把全部的組件都查出來，而後根據條件，一個個的篩選。

實現方法以下。

我的感受本身的代碼比較繞，但願有興趣的朋友，一塊兒討論。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<script type="text/javascript">

    $(document).ready(function(){

      $(":text:eq(0)").click(function(){
          var o = this;
          var i =0;
          var $next;
          var name;
        var    xxx=$(":text").filter(function(index){

              if(o == this){
                i=index;
                $next =$(":text:eq("+i+1+")");
                name= $next.attr("name");
                return false;
              }else{
                var t =    $(this).attr("name");
                if(t ==name){
                  return true;
                }else{
                  return false;
                }


              }

          });

        alert(xxx.length);
      });
    });

</script>
</head>

<body>
<table width="200" border="0">
    <tr>
        <td>
  <input name="text1" type="text" value="1" />
  </td>
        <td> </td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td> </td>
        <td>
    <input name="text2" type="text" value="2" />
  </td>
        <td> </td>
        <td> </td>
    </tr>
    <tr>
        <td> </td>
        <td> </td>
        <td>
    <input name="text3" type="text" value="3" />   </td>         <td> </td>     </tr> </table> </body> </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。