jQuery检查div是否有匹配的文本,然后复制样式

时间:2014-10-05 03:25:38

标签: jquery styles contains

我需要检查两个div是否包含相同的文本,如果是,我需要复制一个样式并将其应用到另一个,这就是设置;

 <div class="coursediv">   <label>Melbourne</label></div>
 <div class="coursediv">    <label>Sydney</label></div>
 <div class="coursediv">    <label>Darwin</label></div>
 <div class="coursediv">    <label>Brisbane</label></div>
 <div class="coursediv">    <label>Townsville</label></div>



 <div class="infobox">
 <p>Melbourne</p></div>
 <div class="infobox">
 <p>Sydney</p></div>
 <div class="infobox">
 <p>Darwin</p></div>
 <div class="infobox">
 <p>Brisbane</p></div>
 <div class="infobox">
 <p>Townsville</p></div>

样式使用类型的第n个,所以不确定这是否可行,可以在这里看到样式和设置 http://jsfiddle.net/bloodygeese/7bvuzsru/1/

1 个答案:

答案 0 :(得分:0)

使用$.each()

循环播放您的div
$(".infobox").each(function(i,v){
   var $info = $(this);

   $(".coursediv").each(function(i,v){
       var $course = $(this);

       if($info.text()==$course.text()){
          $info.addClass( $course.attr('class') );
       }
   });
});

应该足以从中推断。