Amr*_*mra 0 html javascript css jquery
有人可以帮我告诉我以下代码有什么问题吗?
$(document).ready(function(){
$("img").attr("alt")=='minimize'.click(function(){
alert("he");
});
});
Run Code Online (Sandbox Code Playgroud)
谢谢.
另外:对不起,伙计们,我正在尝试将一个事件添加到一个表格内的图像中,所以当它点击它时会崩溃需要的div.
我在这里面临几个问题.
1.-所有表和div使用相同的类.2.-它可能至少有两个表和div.3.-第一个表不应该是可点击的,只有它的图像(用于显示和隐藏div)4 .-其余的表应该点击整个表来显示和隐藏div下的slidetoggle.5.-其余表格还有两个用于显示slideDown和slideUp的图像.
我有什么工作但不完全.
再来一次.
谢谢.
到目前为止,这就是我所拥有的.
<script type="text/javascript">
$(document).ready(function(){
$(".heading:not(#Container1)").click(function(){
var c = $(this).next(".container");
c.slideToggle("slow");
});
});
$(document).ready(function(){
$("img[alt='min']").click(function(){
var c = $(this).next(".container");
c.slideToggle("slow");
});
$("img[alt='max']").click(function(){
var c = $(this).next(".container");
c.slideToggle("slow");
});
});
</script>
<html>
<head></head>
<body>
<table class="heading" id="container1">
<tr>
<td>heading1</td>
<td><img alt='min'/><img alt='max'/></td>
</tr>
</table>
<div class='container'>Container1</div>
<table class="heading">
<tr>
<td>heading2</td>
<td><img alt='min'/><img alt='max'/></td>
</tr>
</table>
<div class='container'>Container2</div>
<table class="heading">
<tr>
<td>heading3</td>
<td><img alt='min'/><img alt='max'/></td>
</tr>
</table>
<div class='container'>Container3</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
您需要使用属性选择器不获取属性并进行比较.
$(document).ready(function(){
$("img[alt='minimize']").click(function(){
alert("he");
});
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2503 次 |
| 最近记录: |