Question

如果<a id="{{content.static.productDetailsToggleId}}" class="collapsed pdp-accord-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">{{content.static.productDetailsText}}<img class="accordion-plus" src="{{meta.assetsPath}}img/plus79.png" alt="accordion content"> </a>，我怎样才能切换课程？我有以下标记：

HTML

$(function () {
  if ($('pdp-accord-toggle').attr('aria-expanded') === true) {
    $(this).find(".accordion-plus").toggleClass("accordion-minus");
  }
})

JS

plus

修改 - 更多信息

我基本上会看到在minus图标和img图标之间切换，将.accordion-class中的content: url(another image);替换为.accordion-plus { height: 1em; float: right; margin-right: 1em; } .accordion-minus { opacity: .5; content: url(../../assets/img/minus-1.png); }。这也是我的CSS。

CSS

{{1}}

Answer 1

看起来你只是缺少选择器上的类前缀

  if ($('.pdp-accord-toggle').attr('aria-expanded') === "true") {
  }

它返回一个字符串，所以用引号

包装true

Answer 2

这会更容易

$("#pdp-accord-toggle[aria-expanded='true']").find(".accordion-plus")

如果aria-expanded ===，则添加类

2 个答案: