Javascript jquery.attr（“alt”）==&x27；名称'；_Javascript_Jquery_Html_Css

Javascript jquery.attr（“alt”）==&x27；名称'；

javascript jquery html css

Javascript jquery.attr（“alt”）==&x27；名称'；,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有谁能帮我让我知道下面的代码有什么问题吗 $(document).ready(function(){ $("img").attr("alt")=='minimize'.click(function(){ alert("he"); }); }); 谢谢添加：抱歉，伙计们，我正在尝试将事件添加到表内的图像中，因此当它单击时，它会根据需要折叠div 我在这里面临几个问题 1.-所有表和div使用相同的类。 2.-可能至少有两个表和分区。 3.-第一个表不能单击，只能

有谁能帮我让我知道下面的代码有什么问题吗

$(document).ready(function(){
    $("img").attr("alt")=='minimize'.click(function(){
      alert("he");
     });
});

谢谢

添加：抱歉，伙计们，我正在尝试将事件添加到表内的图像中，因此当它单击时，它会根据需要折叠div

我在这里面临几个问题

1.-所有表和div使用相同的类。 2.-可能至少有两个表和分区。 3.-第一个表不能单击，只能单击其图像（用于显示和隐藏下的div） 4.-其他表格应能够通过滑动切换在整个表格下显示和隐藏div。 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>


$（文档）.ready（函数（）{
$（“.heading:not（#Container1）”。单击（function（）{
var c=$（this.next（“.container”）；
c、 滑动切换（“慢”）；
});
});
$（文档）.ready（函数（）{
$（“img[alt='min']）。单击（函数（）{
var c=$（this.next（“.container”）；
c、 滑动切换（“慢”）；
});
$（“img[alt='max']）。单击（函数（）{
var c=$（this.next（“.container”）；
c、 滑动切换（“慢”）；
});
});
标题1
集装箱1
标题2
集装箱2
头3
集装箱3

编辑

$(function() {
    $('img[alt='min'], img[alt='max']').click(function() {
        var container = $(this).parent('table').next('div.container');

        if ( $(this).attr('alt') == 'min' )
            container.slideUp('slow');

        if ( $(this).attr('alt') == 'max' )
            container.slideDown('slow');

        return false;
    });

    $('table.heading:not(:first)').click(function() {
        $(this).next('div.container').slideToggle('slow');

        return false;
    });
});

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

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

它在语法上是不正确的。你想干什么？也许是这个

$(document).ready(function(){
  $("img[alt=minimize]").click(function(){
    alert("he");
   });
});

alt

属性不是筛选图像的方法。当图像无法显示（未找到、用户不需要、无屏幕等）时，可放置替代内容

您应该改为使用

class

属性以您想要的方式区分图像

然后，您的代码变成：

HTML

你想达到什么目标？这段代码根本没有什么意义moment@all：如果您在答案中写入代码，请花时间正确完成此操作！如果你在19秒内没有检查代码就回答了一个问题，这对任何人都没有帮助。（然后你母亲的电话或你的笔记本电脑开始烧坏，代码无法使用…@Boldewyn-请将你的评论放在适当的地方。如果是关于一个人的答案中的一个小错误，那么就评论这个答案。无需对@all进行广泛的声明。您对该问题的添加使得现有答案不再适用。我建议你把这个问题还原成原来的问题，然后再问一个后续问题，参考这个问题，这样答案在上下文中仍然有意义。啊！第一个花时间写它的人没有错误+1@Boldewyn-你认为错误到底是什么？是否包含单引号？你知道如果alt文本包含空格，它们是必需的，不是吗？你编辑了中间的答案了吗？我在第二节看到的第一个版本。51问了这个问题后，第二个双引号丢失了（比如：

$（“img[alt='minimize']）

）@Boldewyn-aefxx的答案缺少了双引号。当然，我编辑了它——它缺少了结束括号。除非编辑有intellisense，否则你不应该因为一个简单的打字错误而如此快速地跳入和跳入投票。如果你注意到一个打字错误，只需编辑答案并修复它（如果你有足够的代表）或者评论有错误。保留对错误答案的否决票。@Greg:对。不幸的是，如果答案是由作者自己编辑的，就看不到该答案的编辑历史。我在tvanfosson的答案中看到了一个错误，尽管我不记得是哪个（该死的重新加载）@tvanfosson:我可能弄错了。如果你说，你没有同时编辑答案，我会很高兴地删除-1.+1，而不是直接回答问题，这是一个很好的观点。一般来说，类是更好的处理方法，尽管我可以想象你可能想要在

alt

上选择的情况——如果你愿意的话将alt文本转换为基于js的工具提示。

$(document).ready(function(){
  $("img[alt=minimize]").click(function(){
    alert("he");
   });
});

<img src="..." class="minimize" alt="A beautiful image">

$(document).ready(function(){
    $("img.minimize").click(function(){
        alert("he");
    });
});