这个CSS样式的值用Jquery应该怎么修改？？？

[tyeet001]

<div class="jarviswidget jarviswidget-color-greenLight jarviswidget-sortable" id="wid-id-buildinglist" data-widget-collapsed="false" data-widget-editbutton="false" data-widget-deletebutton="false" role="widget" style="">

<a href="javascript:void(0);" class="button-icon jarviswidget-toggle-btn" rel="tooltip" title="" data-placement="bottom" data- original-title="Collapse"> <i class="fa fa-minus"></i> </a>

<div role="content" style="display: block;">

</div>

问题一：根据“id="wid-id-buildinglist"” 找到 它的子元素 “<i class="fa fa-minus"></i>”，并将 class="fa fa-minus”修改为“fa fa-plus”??? Jquery语句应该怎么写？？？

问题二：根据“id="wid-id-buildinglist"” 和 role="content" 找到 它的子元素 “<div role="content" style="display: block;"> ",并将 "style="display: block;"修改为"style="display: none;"??? Jquery语句应该怎么写？？？

备注： 这里必须要使用“id="wid-id-buildinglist"，来选择父层，然后使用role="content"选择子层，并设置子层的值。因为改层下有很多其它的Div.

[starrycheng]

http://www.w3school.com.cn/jquery/attributes_removeclass.asp

[tyeet001]

关键是如何根据<div role="content" style="display: block;"> 中的” role="content"“来选择元素。 role是自定义属性啊。

[slwsss]

$('#wid-id-buildinglist li.fa.fa-minus').removeClass('fa-minus').addClass('fa-plus'); $('#wid-id-buildinglist div[role=content]').css({display:'none'});

[csucaicai]

引用 3 楼 slwsss 的回复:

$('#wid-id-buildinglist li.fa.fa-minus').removeClass('fa-minus').addClass('fa-plus'); $('#wid-id-buildinglist div[role=content]').css({display:'none'});

[starrycheng]

引用 3 楼 slwsss 的回复:

$('#wid-id-buildinglist li.fa.fa-minus').removeClass('fa-minus').addClass('fa-plus'); $('#wid-id-buildinglist div[role=content]').css({display:'none'});

谢谢，如果是切换显示和隐藏应该怎么实现。 我这样写了不对啊。 问题三：为“<i class="fa fa-minus"></i>”设置 “click”事件，这里好像没有设置成功？？？ Why？？？ $("#wid-id-buildinglist i[class='fa fa-minus']").click(function () { var a = $("#wid-id-buildinglist div[role='content']").css("display") //如果是隐藏，那么显示 if (a == "none") {$('#wid-id-buildinglist div[role=content]').css("display", "block");} else {$('#wid-id-buildinglist div[role=content]').css("display", "none");} });

[slwsss]

$("#wid-id-buildinglist i[class='fa fa-minus']").click(function () {$('#wid-id-buildinglist div[role=content]').toggle()});

[world_broken]

没仔细看，就觉得代码好长，用$(this).find()更简洁。

[slwsss]

引用 5 楼 starrycheng 的回复:

$("#wid-id-buildinglist i[class='fa fa-minus']").click(function () {$('#wid-id-buildinglist div[role=content]').toggle()}); “click”事件，有设置成功

[starrycheng]

代码貌似没什么问题啊。 是不是因为“ <i class="fa fa-minus"></i>”已经有了“Click”事件啊？？？ 所以不能再绑定“Click”事件了，是这样吗？？？ 是不是应该将之前绑定的“Click”事件先去掉下。

[slwsss]

引用 9 楼 starrycheng 的回复:

代码貌似没什么问题啊。 是不是因为“ <i class="fa fa-minus"></i>”已经有了“Click”事件啊？？？ 所以不能再绑定“Click”事件了，是这样吗？？？ 是不是应该将之前绑定的“Click”事件先去掉下。

http://bbs.csdn.net/topics/390911860#post-398388940 测试是可以的，不知你那里是怎么写的

[starrycheng]

#wid-id-buildinglist i[class='fa fa-minus'] 属性选择直接切换。