查询名字为特定值的td元素

Dylan_c 2012-03-28 10:14:02

比如查找所有名字为‘hello’的td元素，并让这些元素的onclick事件输出‘hello world’

...全文

84 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Dylan_c 2012-03-28

打赏
举报

谢谢各位老大

暖枫无敌 2012-03-28

打赏
举报



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="CSDN.WebForm1" %>



<!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>

    <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

                $("table tr td[name=hello]").click(function () {

                    alert("hello world");

                });

        });

    </script>

</head>

<body>

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

    <div>

        <table>

            <tr>

                <td name="hello">

                    AA

                </td>

                <td>

                    BB

                </td>

                <td name="hello">

                    CC

                </td>

            </tr>

            <tr>

                <td name="hello">

                    DD

                </td>

                <td>

                    EE

                </td>

                <td name="hello">

                    FF

                </td>

            </tr>

        </table>

    </div>

    </form>

</body>

</html>

porschev 2012-03-28

打赏
举报

Jquery示例。。。



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>



<%@ Register Assembly="FreeTextBox" Namespace="FreeTextBoxControls" TagPrefix="FTB" %>

<!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>



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



    <script type="text/javascript">

        $(function() {

            $("td[name='hello']").click(function() {

                alert("hello world");

            });

        });

    </script>



</head>

<body>

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

    <table border="1">

        <tr>

            <td name="hello">

                1

            </td>

            <td>

                2

            </td>            

            <td>

                3

            </td>

        </tr>

        <tr>

            <td>

                1

            </td>            

            <td name="hello">

                2

            </td>

            <td>

                3

            </td>

        </tr>

        <tr>

            <td>

                1

            </td>            

            <td>

                2

            </td>            

            <td name="hello">

                3

            </td>

        </tr>

    </table>

    <table border="1">

        <tr>

            <td>

                1

            </td>            

            <td>

                2

            </td>            

            <td name="hello">

                3

            </td>

        </tr>

        <tr>

            <td>

                1

            </td>            

            <td name="hello">

                2

            </td>

            <td>

                3

            </td>

        </tr>

        <tr>

            <td name="hello">

                1

            </td>

            <td>

                2

            </td>            

            <td>

                3

            </td>

        </tr>

    </table>

    </form>

</body>

</html>

mngzilin 2012-03-28

打赏
举报

var obj=document.getElementsByTagName("td");

for(int i=0;i<obj.length;i++)

if(obj.name=="hello")

obj[i].onclick = function()

{

    alert("我被点!");

}

最近做项目，需要获取每一行td的值，于是我就总结了一下获取td值的方法。分别用jquery和javascript来获取第一种：javascript var otable = document.getElementById("tablee"); /* event 事件 srcElement button parentElement 上1层td parentElement 上1层...

本文深入解析HTML中的<td>标签，作为表格数据单元格的核心元素。文章从基础定义开始，介绍<td>与<th>的区别、基本语法和默认样式。重点讲解colspan和rowspan属性实现单元格合并，以及headers属性提升表格可访问性的方法。此外还涵盖<td>在表格语义结构中的角色、响应式设计应用和CSS样式化技巧，最后强调最佳实践，包括保持内容简洁性、避免过度嵌套等。通过详细讲解和代码示例，帮助开发者正确使用<td>构建结构清晰、可访问性强的数据

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") 层叠选择器： $...

要选取jquery每一个父元素下的某个子元素使用:nth-child(index)做选择器修饰，index从1开始，表示选取以前面选择器过滤出来的每一个父元素下的第几个子元素例如： tr1:td1tr1:td2 tr2:td1tr2:td2 这样的一个表格，有两行两列，现在要选取到每行的第二列，用下面的语句 td = $('table tr

https://www.cnblogs.com/songjn/p/8889747.html $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.mycl..

.NET社区

62,268

社区成员

668,981

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章