【问题标题】:Changing DIV color without giving an ID?在不提供 ID 的情况下更改 DIV 颜色?
【发布时间】:2010-01-18 23:06:49
【问题描述】:

我有以下代码:

<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 或名称吗?

谢谢

【问题讨论】:

  • 另外,您可能需要创建一个 css 类来替换多余的样式(即:width:500px;background-color:yellow;

标签: javascript jquery


【解决方案1】:
$("a").click(function(e){
  e.preventDefault();
  $(this).parent().parent().css("color", "green");
});

【讨论】:

  • 感谢它的工作原理,但是否可以在 div 中附加一个类?如果不能,我如何添加这个 css : filter:alpha(opacity=40) ?谢谢
  • @unknown:将.css("color", "green") 替换为.addClass("foo") 以添加类foo。您也可以通过将 .css(...) 替换为 .fadeTo("slow",.4) 来淡化它。
  • 不客气,@unknown。我可以鼓励你改名字吗?您可以在您的个人资料中这样做。
【解决方案2】:

试试这个:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-07-06
    • 2023-03-21
    • 1970-01-01
    • 2021-02-15
    • 2014-09-20
    相关资源
    最近更新 更多