在jsp中判断table有多少行

在jsp中判断table有多少行,第1张

可以使用jQuery

使用jQuery的选择器,选中要判断行数的tr标签,调用其length属性或sie()方法

示例:

$("tr")length;// 返回的就是所有tr标签的数量,也就是所有的行数

如果jsp中有多个table,那么上面的选择器是不合适的。

主要是使用合适的选择器,定位到自己需要的元素,然后调用length属性即可。

jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置(从0开始计数),基本语法为:$(selector)index()。因此当前 tr 的 index 可以得到行数,当前 td 的 index 可以得到列数。实例演示如下:

1、HTML结构

<table id = "test">

<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

2、jquery代码

$(function(){

    $("table td")click(function() {

        var row = $(this)parent()index() + 1; // 行位置

        var col = $(this)index() + 1; // 列位置

        alert("当前位置:第"+row+"行,第"+col+"列")

    });

});

3、效果演示

给“统计”这个按钮添加一个点击事件:代码: 统计 在中的methods添加方法。

Vue是一套用于构建用户界面的渐进式JavaScript框架。与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐搭建出一个复杂的前端平台。

以上就是关于在jsp中判断table有多少行全部的内容,包括:在jsp中判断table有多少行、jquery如何获得表格所在的行数和列数、vue中定义一个变量获取table的显示行数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存