jquery 中 怎么获取行和列

jquery 中 怎么获取行和列,第1张

如果你是表格的话  使用jquery  选择器 选择你想对应的 第几个tr 就是行

选择 tbody 中的 tr中的 第几个td 就是 你想要的列

比如

<table>

  <thead>

  <tr>

    <th>第一列</th>

    <th>第二列</th>

  </tr>

  </thead>

  <tbody>

  <tr>

    <td>第一行第一列</td>

    <td>第一行第二列</td>

  </tr>

  <tr>

    <td>第二行第一列</td>

    <td>第二行第二列</td>

  </tr>

  </tbody>

</table>获取第一行 

$('table tbody>tr:nth-child(1)>td')  // 获取第一行所有td

$('table tbody>tr>td:nth-child(1)')  // 获取第一列所有td

当然 如果你不是用table 写的  比如你用 ul 加li 加元素浮动写的

<ul>

  <li>第一行第一列</li>

  <li>第一行第二列</li>

  <li>第二行第一列</li>

  <li>第二行第二列</li>

</ul>// 每行浮动两个li  则 浮动其他数字  只需更改函数中的2 就行

function getRow (n) {

    var li = $('ul>li')

    var row = lislice(2(n-1), 2(n-1)+2)

    return row

}

function getCol (n) {

    var li = $('ul>li:nth-child('+ n +'(n-1))') 

    return li 

}

从理论上讲是可以用百分比的但是我自己也是遇到了同样的问题设置成百分比后界面上不显示内容,自己查阅了一下资料想出了一个解决办法,在你的body里加上一句class="easyui-layout" data-options="fit:true"之后再设置高度这时就可以设置百分比了,easyui里layout是自适应窗口有时间您可以自己研究一下 以下是我的代码请供参考:

<body class="easyui-layout" data-options="fit:true">

 <div class="easyui-layout" style="width:100%;height:100%;">

        <div region="west" split="true" title="Navigator" style="width:150px;">

            <ul>

                <li><a href="javascript:void(0)" onclick="showcontent('java')">Java</a></li>

                <li><a href="javascript:void(0)" onclick="showcontent('cshape')">C#</a></li>

                <li><a href="javascript:void(0)" onclick="showcontent('vb')">VB</a></li>

                <li><a href="javascript:void(0)" onclick="showcontent('erlang')">Erlang</a></li>

            </ul>

        </div>

        <div id="content" region="center" title="Language" style="padding:5px;">

        </div>

    </div>

 </body>

页面效果如下:

希望对你有帮助!

$('ul>li')length

返回就是ul下li的个数。

如果个数大于你指定的个数。 你就documentcreateElement('ul') 再创建一个ul呗。。。

是你想要的结果吗?

1、打开html开发工具,新建一个html代码页面。

2、在html页面创建三个p标签,给这三个p标签设置不同的内容。

3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。

4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数。

5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

6、保存html代码后使用浏览器打开,点击p标签d出框就会显示当前点击标签的上一个标签的内容。

1、通过过滤器获取li数组

var lis = $('div li');//表示获取div下所有的直接或者非直接li节点。

2、循环lis方式获取每个li元素

for(var i=0;i<lislength;i++){

   var li = lis[i];//获取每个li元素

}

以上就是关于jquery 中 怎么获取行和列全部的内容,包括:jquery 中 怎么获取行和列、jquery easyui 布局问题 ,能不能把style="height:100px;" 设置成按分辨的百分比设置啊 求解,新手求解、Jquery 如何判断当ul中的li超过一个指定数时,开始另一个ul等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9673332.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存