gpt4 book ai didi

javascript - 如何使用 jQuery 隐藏表格行?

转载 作者:行者123 更新时间:2023-11-29 18:31:29 25 4
gpt4 key购买 nike

我正在尝试使用 jQuery 而不是使用 js 作为 in this question 隐藏表格行.这是我放在标题中的脚本:

self.response.out.write("""
<html>
<head>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<title>User Admin Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
<script>
$(document).ready(function() {
$("#false").click(function() {
$("#hide").hide("slow");
});
});
</script>
<body>
""")

这是 html:

...
<tr class="hide">
<td>
...
<a class="false" href="/useradminpage?main_id=%s&display=false"><span class="small">(hide)</span></a>
</td>
</tr>
</div>
...

这是行不通的。而这个问题是same as this但我不能让我的工作。我做错了什么?

更新

根据答案编辑代码。但这仍然不起作用,尽管它在 jsfiddle 中工作:

         <html><head>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<title>User Admin Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

<script>


$(document).ready(function() {

$("a.false").click(function(e) {
$(".hide").hide("slow");
e.preventDefault();
});

}); </script> </head>
<body>
...

更新

关闭</script>在 CDN 调用中丢失;但现在整张 table 都被隐藏了;我正在添加表格的那一部分。再次感谢您的回答:

    self.response.out.write("""<table class="mytable">
<tr class="head">
<th width="80%">links</th><th>edit tags</th>
</tr>
""")

query = Main.all()
query.filter("owner", user)
query.filter("display", True)
query.order("-date")
cursor = self.request.get("cursor")
if cursor: query.with_cursor(cursor)
e = query.fetch(100)
cursor = query.cursor()

for item in e:
main_id = item.key().id()
self.response.out.write("""
<tr class="hide">
<td><a href="%s" target="_blank">%s</a><span class=small> (%s) </span><br />
<span class=small>%s</span>
<a href="/edit?main_id=%s"><span class="small">(edit)</span></a>
<a class="false" href="/useradminpage?main_id=%s&display=false"><span class="small">(hide)</span></a>
<a href="/comment?main_id=%s"><span class="small">(comments)</span></a></td>
<td><a href="/tc?url=%s&main_id=%s&user_tag_list=%s" title="edit tags">%s</a>
</td>
</tr>
""" % tuple([item.url, item.title, urlparse(item.url).netloc,
f1.truncate_at_space(item.pitch), main_id, main_id, main_id,
item.url, main_id, (", ".join(item.tag_list)),
(", ".join(item.tag_list)),]))


self.response.out.write("""</tbody></table>""")

最佳答案

首先,你有 false作为 class在你的 HTML 中

<a class="false" href=...

和一个ID在你的脚本中

$("#false").click(function()...

你的 hide也是一个 id应该是 class .

修复方法如下: http://jsfiddle.net/A6jKm/1/


编辑

now it hides the entire table

那是因为你所有的行都是用相同的 hide 生成的类,如此处所示

for item in e:
main_id = item.key().id()
self.response.out.write("""
<tr class="hide">

为了解决这个问题,我稍微修改了代码以搜索被点击项目的直接父级:

$("a.false").click(function(e){
$(this).parents('tr').hide();
e.preventDefault();
});

更新示例: http://jsfiddle.net/A6jKm/3/


编辑 2

也许 closest会更好。

试试这个

$("a.false").click(function(e){
$(this).closest('tr.hide').hide();
e.preventDefault();
});

示例 3: http://jsfiddle.net/A6jKm/4/

关于javascript - 如何使用 jQuery 隐藏表格行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7694560/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com