使用JQuery将一系列字符串与一系列特定图像匹配

时间:2014-04-10 22:10:30

标签: javascript jquery arrays variables if-statement

如果匹配一串文字,我试图调用特定图像。有没有办法确保每次使用myArray1时myArray1的值都会从myArray2生成一个特定的值?

$('div').each(function() {
   var myArray1 = [ "word1", "word2" ];
   var myArray2 = [ "img1.jpg", "img2.jpg" ];
        if($('div.condition').text().indexOf(' myArray1 ') != -1 )
          $('div.img').css({'background-image':'url(' + myArray2 + ')'});
        else if($('div.condition').text().indexOf(' myArray1 ') != -1 )
          $('div.img').css({'background-image':'url(' + myArray2 + ')'});

JSFiddle:http://jsfiddle.net/J3tyT/2/

1 个答案:

答案 0 :(得分:0)

这是一个简单的解决方法

$('div').each(function() {
    if($('div.condition').text().indexOf('SOMEWORD') > -1 )
      $('div.img').css({'background-image':'url("http://www.listofimages.com/someimage.jpg")'});
    else if($('div.condition').text().indexOf('ANOTHERWORD') > -1 )
      $('div.img').css({'background-image':'url("http://www.listofimages.com/another.jpg")'});

使用>而不是!=