jquery选择器的问题！很绝

king520520 2010-09-03 10:45:21

我现在有一个3*3的表格，我想选择第一列和第二列，第三列不选择。（我想给前两列加上float:left样式）
这用jquery选择器，怎么选择？

...全文

142 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

porschev 2010-09-03

打赏
举报

[Quote=引用 14 楼 king520520 的回复:]
porschev 你的方法是对的。

我顺便问一下，如果要在选择器中，指定第一二列（第三列不要)
这你知道怎么写吗？

等会儿给你分
[/Quote]

那判断就不能这么写了。。。把i换成6就行了

longyumen 2010-09-03

打赏
举报

据说回帖就能得分

king520520 2010-09-03

打赏
举报

porschev 你的方法是对的。

我顺便问一下，如果要在选择器中，指定第一二列（第三列不要)
这你知道怎么写吗？

等会儿给你分

yuxh81 2010-09-03

打赏
举报

1。根据样式选择 css("float")=="left"
2：排除元素选择所有行.not(第三行)
3：直接选择前两行所有行:lt(2)
...

“很绝”？？什么很绝！！！标题党。

如果用div，三行三列不好布局的（要用嵌套的方式）！

claymore1114 2010-09-03

打赏
举报



 $('#table1>tr>td').each(function(i){        //遍历表格的子的td,不遍历嵌套的table td

                   if(i%3 == 0 || i%3 == 1){      //i%3=0表示第一列   i%3=1表示第二列  3是列数，我这里是个三列的

                       // $(this).css("float","left");

                       $(this).addClass("aa");

                    }

             });

porschev 2010-09-03

打赏
举报

[Quote=引用 9 楼 king520520 的回复:]
布局是这样的：

<div id="content">
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
</div>
[/Quote]

找单元格和找层的思路是一样的。。。把那句alert删掉就可以了。。。

porschev 2010-09-03

打赏
举报



<%@ Page  Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>



<!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 runat="server">

    <title>无标题页</title>

    <style type="text/css">

        .aa

        {

        	float:left;

        	}

    </style>

    <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function(){

             $("#content").find('div').each(function(i){        //遍历表格的单元格

                   if(i%3 == 0 || i%3 == 1){      //i%3=0表示第一列   i%3=1表示第二列  3是列数，我这里是个三列的

                       // $(this).css("float","left");

                       $(this).addClass("aa");

                       alert($(this).text());

                    }

             });                  

        });



    </script>



 

</head>

<body>   

    <form id="form1" runat="server">

        <div id="content">

          <div>1</div><div>2</div><div>3</div>

          <div>1</div><div>2</div><div>3</div>

          <div>1</div><div>2</div><div>3</div>

        </div>

    </form>

    

</body>

</html>

king520520 2010-09-03

打赏
举报

布局是这样的：

<div id="content">
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
</div>

porschev 2010-09-03

打赏
举报

那你给出个布局来。。我帮你写写。。你把布局帖出来一下。。。

porschev 2010-09-03

打赏
举报

[Quote=引用 6 楼 king520520 的回复:]
我全部都是用div来实现的！请考虑div的情况。
用table的话，我就不用选择器了！
[/Quote]

神啊。。你就开始说清楚啊。。。。。。

king520520 2010-09-03

打赏
举报

我全部都是用div来实现的！请考虑div的情况。
用table的话，我就不用选择器了！

porschev 2010-09-03

打赏
举报



<%@ Page  Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>



<!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 runat="server">

    <title>无标题页</title>

    <style type="text/css">

        .aa

        {

        	float:left;

        	}

    </style>

    <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function(){

             $('table').find('td').each(function(i){        //遍历表格的单元格

                   if(i%3 == 0 || i%3 == 1){      //i%3=0表示第一列   i%3=1表示第二列  3是列数，我这里是个三列的

                       // $(this).css("float","left");

                       $(this).addClass("aa");

                    }

             });                  

        });



    </script>



 

</head>

<body>   

    <form id="form1" runat="server">

        <table border="1" width="100" style="text-align:center;align:center;">

            <tr>

                <td>1</td><td>2</td><td>3</td>

            </tr>

             <tr>

                <td>1</td><td>2</td><td>3</td>

            </tr>

             <tr>

                <td>1</td><td>2</td><td>3</td>

            </tr>

        </table>

    </form>

    

</body>

</html>