Javascript 在不提供ID的情况下更改DIV颜色？

我有以下代码：

<div id="wrapper">
  <div style="width:500px;background-color:yellow;"> // this is a parent div
    <div style="width:260px;">
      <a href="javascript:XXXXX">Click me to color only the FIRST yellow div</a>
    </div>
  </div>

  <div style="width:500px;background-color:yellow;"> // this is a parent div
    <div style="width:260px;">
      <a href="javascript:XXXXX">Click me to color only the SECOND yellow div</a>
    </div>
  </div>
</div>

//这是一个父分区
//这是一个父分区

我可以使用jQuery更改父div的颜色而不提供其ID或名称吗

谢谢

试试这个：

$('a').click(function() {
    $(this).parent().parent().css('backgroundColor', 'yellow');
    return false;
});

---

另一方面，您可能希望创建一个css类来替换冗余样式（即：

宽度：500px；背景色：黄色；

），谢谢它的工作原理，但是是否可以将一个类附加到div？如果不能，我如何添加这个css:filter:alpha（不透明度=40）？Thanks@unknown：将

.css（“颜色”、“绿色”）

替换为

.addClass（“foo”）

以添加类

foo

。您也可以通过将

.css（…）

替换为

.fadeTo（“slow”，.4）

。不客气，@unknown。我可以鼓励你改名吗？您可以在个人资料中这样做。

$("a").click(function(e){
  e.preventDefault();
  $(this).parent().parent().css("color", "green");
});