gpt4 book ai didi

javascript - jQuery - 隐藏元素不起作用

转载 作者:行者123 更新时间:2023-11-30 23:51:57 25 4
gpt4 key购买 nike

我是 jQuery 新手(今天早上刚拿起一本书!)并且我正在尝试隐藏一个元素;它似乎不起作用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Test</title>

<script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
if ($) {
$(document).ready(

function() {

$('ul li span').click(

function() {
$(this).parent().children('ul').hide();
}

);

}

);
}
</script>

</head>
<body>

<ul>
<li><a href="">My Controls <span class="arrow">&uarr;</span></a>
<ul>
<li><a href="">My Profile</a></li>
</ul>
</li>
</ul>

</body>
</html>

这是我正在使用的完整代码。当我单击跨度标签时,我希望它隐藏内部 <ul> 。我假设this将访问span元素,parent() li ,和children() ul相反包含 li ,但事实似乎并非如此。我在这里犯了某种愚蠢的错误吗?

TIA。

最佳答案

当您单击范围时,您将获得垃圾邮件的父级(a)并查找其 ul 子级 - 它没有任何子级。

你需要再上一个台阶。

关于javascript - jQuery - 隐藏元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1284141/

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