使用jquery获取table内 td里面指定类型控件的值,求解!

使用jquery获取table内 td里面指定类型控件的值,求解!,第1张

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

alert($(this)find('input')val());

}); 这个是只针对的你的提问而答的

不过你既然是用表格不可能就一个表格吧,所以为了区分表格你可以为表格table 设置一个id

如id='tab'

那么就是

$('#tab td')click(function(){

alert($(this)find('input')val());

});

<table id="test">

            <tr>

                <td>

                    1

                </td>

                <td>

                    2

                </td>

            </tr>

            <tr>

                <td>

                    一

                </td>

                <td>

                    二

                </td>

            </tr>

        </table>

JQuery:

 $(document)ready(function () {

            $('#test tr')each(function () {                

                alert($(this)children('td')eq(1)html());

            });

        });

你参考一下

jquery获取td内的input标签的内容代码如下:

$("tr input")val();

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 60+, FF15+, Safari 20+, Opera 90+),jQuery20及后续版本将不再支持IE6/7/8浏览器

有两种方法可以获取tr下的第二个td元素:

1、使用css选择器,$("tr td:nth-child(2)")。

2、使用遍历函数eq()。

下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。

可以用delegate来做

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<script type="text/javascript">

    $(document)ready(function(){

      $('#test')delegate('li','click',function(){

            alert($(this)text());

       });

    });

</script>

</head>

<body>

    <ul id="test">

        <li>1</li>

        <li>2</li>

        <li>3</li>

    </ul>

</body>

</html>

这是一个示例,你可以参考一下,点击<li>会跳出d框显示对应li的内容

以上就是关于使用jquery获取table内 td里面指定类型控件的值,求解!全部的内容,包括:使用jquery获取table内 td里面指定类型控件的值,求解!、怎么用jquery获取tr下面的td、jquery获取td内的input标签的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10151065.html

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

发表评论

登录后才能评论

评论列表(0条)

保存