jquery - 如何更改背景图像？

Question

这听起来很容易做到，但我似乎做不到。这个想法是，当单击“a”标签时，检查它是否有一个名为“collapsed”的类。如果是这样，请更改“ul”背景(a 标签是其中的一部分)。我不知道点击了哪个“a”标签，所以我不知道它所属的“ul”的 id...我以为我可以深入查找父“ul”，但它是不工作。

HTML:

<ul class="some-class" id="some-id-1">  
   <a href="#" id="id-1">something</a>
   <li>  
      <a class="collapsed">something else</a>  
   </li>  
</ul>  

<ul class="some-class" id="some-id-2">  
   <a href="#" id="id-2">something</a>
   <li>  
      <a class="collapsed">something else</a>  
   </li>  
</ul>  

<ul class="some-class" id="some-id-3">  
   <a href="#" id="id-3">something</a>
   <li>  
      <a class="collapsed">something else</a>  
   </li>  
</ul>  

我的脚本:

$('a').click(function() {  
   var cName = this.className;  
   switch(cName) {
      case 'collapsed' :
         $(this).parent().find('> ul').css('background','url(img/red.png) 0 0');
      break;
   };
});  

我做错了什么？欢迎任何和所有建议...

Answer 1

尝试使用 JQuery 的 closest这样运行 -

$('a').click(function() {  
   var cName = $(this).attr('class');  
   if(cName == 'collapsed') {
        $(this).closest('ul').css('background','url(img/red.png) 0 0');
   };
});