JQuery - 如果存在某些其他元素,则将某些元素类更改为特定类

时间:2013-02-01 20:24:18

标签: jquery layout parent-child parent

您好我正在尝试编写一个博客主题,该主题将包含标签等,因此我希望看到某些类型的主要父级div在标记某些内容时更改(例如下面的内容)。

类是跨度(使用引导程序)

HTML

<div id="a" class="span6">
</div>

<div id="b" class="span6">

<a class="taglink">[tag]</a>

</div>

我想要的是将div a和b的类更改为span12,它们,而不是其他父/邻近/子等div。

这样当我用某些标签标记帖子时,我想要改变它的一些布局属性(通过它的css类)

3 个答案:

答案 0 :(得分:0)

为a.taglink的内容更改时创建事件侦听器,然后使用以下命令:

$('#a.span6,#b.span6').removeClass('span6').addClass('span12');

答案 1 :(得分:0)

为标记创建一个监听器,以便它将调用以下

$('#a,#b').addClass('span12').removeClass('span6'); 

我希望这会有所帮助

如果您想为听众提供其他任何内容,请显示更多代码

答案 2 :(得分:0)

这将选择您想要的完全元素并交换类:

$(".taglink").click(function(){
  $(this).parent("#b").removeClass('span6').addClass('span12').prev("#a").removeClass('span6').addClass('span12');
});

演示:http://jsfiddle.net/rniestroj/aKK3c/