innerhtml的Jquery监听器事件

时间:2013-02-01 22:53:49

标签: jquery events layout listener parent-child

我对jquery很新,所以对它不太了解,我问了一个问题,如果存在另一个特定元素,使用jquery将某些元素的类更改为特定类 - JQuery - Change certain element classes to specific classes if certain other element is present

似乎需要一个事件监听器,我对事件处理程序有一个基本的了解,但这通常与单击等操作有关,但是如果某些元素innerhtml具有文本值,那么我需要的是Id (例如'go')在元素附近运行一个函数(例如下面的例子)。

这是一个博客,它将使用某些标签来更改帖子的布局,下面有一些重复的HTML来说明目标需要如何工作

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

HTML

<div class="container">

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

<div class="span6">
<a class="taglink">text</a>
</div>

</div>

<div class="container">

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

<div class="span6">
<a class="taglink">text</a>
</div>

</div>

我想要的是&amp; b和 a&amp; b当一个类'taglink'中同一个容器div中的文本内的文本等于'go'时,b的类从span 6更改为12。

这样只有'go'标签才会影响'a'和'b'divs类,只影响a和b在其自己的'container'div中的类。

1 个答案:

答案 0 :(得分:0)

现在是第一项业务:

Ids必须是唯一的,这是不可协商的。

所以,我将做出以下假设:

  1. id=aid=bid=container(倍数)的每个实例分别实际读取class=aclass=bclass=container
  2. 链接文本不会动态更改
  3.   $(document).ready(function()
          $('div.container').each(function(){
              if ($(this).find('a.taglink').eq(0).text()=="go"){
                  $(this).find('div.a').removeClass('span6').addClass('span12');
                  $(this).find('div.b').removeClass('span6').addClass('span12');    
              }
          }
      });