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

Matching a series of strings to a specific image in a series with JQuery

本文关键字:图像 JQuery 一系列 字符串 系列 使用      更新时间:2023-09-26

如果字符串匹配,我将尝试调用特定的图像。有没有办法确保每次使用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/

这是一个简单的修复

$('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")'});

使用>而不是!=