我刚刚开始使用 jQuery,我需要做一些我不确定是否可行的事情。 我知道在 jQuery 上使用 if 语句就像普通的 JavaScript,但我不知道如何在普通的 if 语句上使用 jQuery 选择器。
该函数当前正在运行,但我遇到了两个问题,我不知道如何解决(我假设它会使用 if 语句,但不知道如何解决)。
一个问题是,在container1上不应该应用这个函数,只有两个图像,最大化和最小化我才能显示和隐藏它。
第二个问题是图像旨在显示(单击最大化时)和隐藏(单击最小化时)下面的容器,但我的函数与最大化和最小化函数(这是正常的 JavaScript 和我)冲突想要制作 jQuery)。
我希望它能得到很好的解释。请让我知道,如果你有任何问题。
代码如下。
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$(".Header").click(function(){
$(this).next(" .container").slideToggle("fast");
});
});
</script>
</head>
<body>
<table class="Header">
<tr>
<td>header1</td>
<td><img alt="minimize" onclick="function to minimise container1"/>
<img alt="maximize" onclick="function to maximize container1" /></td>
</tr>
<table>
<div class="container>**Container1**</div>
<table class="Header">
<tr>
<td>**header2**</td>
<td><img alt="minimize" onclick="function to minimise container2"/>
<img alt="maximize" onclick="function to maximize container2" /></td>
</tr>
<table>
<div class="container>**Container2**</div>
<table class="Header">
<tr>
<td>**header3**</td>
<td><img alt="minimize" onclick="function to minimise container3"/>
<img alt="maximize" onclick="function to maximize container3" /></td>
</tr>
<table>
<div class="container>**Container3**</div>
</body>
</html>
最佳答案
这个怎么样:
$(function() {
$(".Header:not(#Container1)").click(function(){
var c = $(this).next(".container");
c.slideToggle("fast");
});
$(".Header:not(#Container1)").toggle(
function(){ $(this).next(".container").next("img").css('display', 'block'); },
function(){ $(this).next(".container").next("img").css('display', 'none'); }
);
});
关于javascript - Jquery if 语句、选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2355086/