jquery .attr("alt")=='name'

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)

tva*_*son 7

您需要使用属性选择器不获取属性并进行比较.

$(document).ready(function(){ 
    $("img[alt='minimize']").click(function(){ 
      alert("he"); 
     }); 
});
Run Code Online (Sandbox Code Playgroud)

  • 当然我编辑了它 - 它错过了结束括号.除非编辑有智能感知,否则你不应该因为一个简单的拼写错误而快速地进行投票.如果你注意到拼写错误,只需编辑答案并修复它(如果你有足够的代表)或评论是否有错误.保留你的downvotes以获得积极错误的答案. (8认同)
  • @Boldewyn - 您认为错误究竟是什么?包含单引号?你知道如果alt文本包含空格,那么它们是必要的,不是吗? (3认同)