javascript中,已知一个button的ID,找这个button的父节点的父节点找不到。好心人帮下忙

javascript中,已知一个button的ID,找这个button的父节点的父节点找不到。好心人帮下忙,第1张

你的意思是点击Button删除表格的一行信息!

首先在方法开始的时候获得整个表格的dom信息

然后在用this传值到方法中获得当前行的信息

最后用获取到的表格deleterow(获取到的行的值);

参考代码:

function Remove(fontobj){

var obj=$('#myTable');

var n=fontobjparentNodeparentNodeparentNoderowIndex;

objdeleteRow(n);

}

jQuery 中使用 text() 或者 html() 函数可以获取td的内容

$("td")text();   // 或者 $("td")html();

二者区别在于前者返回所选元素的文本内容,后者返回所选元素的内容(包括 HTML 标记)。

下面实例演示:点击按钮后获取所有选中行的td单元格的内容

1、HTML结构

<table id = "test">

    <tr><td><input type="checkbox" name="test"></td><td>1</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>4</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>7</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>10</td></tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

    $(":button")click(function() {

        str = $(":checkbox:checked")map(function() {

            return $(this)parent()siblings('td')text();  // 根据checkbox定位到后面的td,然后使用text()函数获取内容

        })get()join(", ");   // 获取内容数组并拼接为字符串

        alert(str);   // 输出

    });

});

3、效果演示

selectjsp,在addjsp上面有一个请选择按钮,点击请选择按钮后,d出selectjsp页面,这个页面上是从数据库中遍历的企业,选中一条数据,点击确认,selectjsp页面关闭,并将结果带到addjsp请选择前面的文本框里面。

但name里的对象里要包含一个list,一般像你这种table的在后台肯定返回的是list集合把,所以用logic标签循环显示就行的 。

&ltlogiciterate id这里的名字是随意 只是在下面调用而已aList name后台返回给前台的对象比如page propertylist这里必须是list因为表示循环对象是list集合类型的indexId,indx&gt。

&lttr class=ChangeLineColor height20&gt;。

&lttd align=center&gt;&lt%=indx+1%&gt&lt/td&gt。

&lttd&gt,aListproductCode&lt,td&gt,alist。要的字段名字。

&lttd&gt,aListfstCustomerName&lt,td&gt。

至于你是返回的直接是一个对象包含list集合的还是直接一个list,看你自己情况,改就行的。

以上就是关于javascript中,已知一个button的ID,找这个button的父节点的父节点找不到。好心人帮下忙全部的内容,包括:javascript中,已知一个button的ID,找这个button的父节点的父节点找不到。好心人帮下忙、如何用jquery获得td里边的内容、jsp页面有一个table表格,每一行最后都有一个编辑按钮,点击按钮d出div框,并显示该行的信息,怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存