使用JQuery将一系列字符串与系列中的特定图像进行匹配
Matching a series of strings to a specific image in a series with JQuery
如果字符串匹配,我将尝试调用特定的图像。有没有办法确保每次使用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")'});
使用>而不是!=
相关文章:
- 使用带括号的图像URL作为jQuery的背景
- 如何使用jquery将base64图像路径转换为真实路径
- 重新加载/替换图像 jQuery 作为
- 中的列表项
- 鼠标悬停在图像 jquery 上
- 使用图像 jQuery 切换
- 检查显示的(随机)图像是否与上一个(随机)图像(jQuery和JavaScript)相同
- 更改背景图像 jQuery
- 单击函数不在图像jQuery上启动
- 预览图像Jquery脚本don't运行良好
- 使用图像Jquery对话框预加载iFrame
- jQuery脉动代码与滚动图像jQuery代码冲突
- 检测粘贴事件在浏览器中的图像(jquery/javascript)
- 图像库与覆盖和html内部不能覆盖正确的图像.jquery
- 预加载图像- JQuery
- 使用HTML扩展图像&Jquery
- 从Rest API获取图像.JQuery的问题
- 使用尽可能多的独立线程检索5个图像- jquery ajax
- 点击图像jQuery -函数不工作后追加
- 如何使用XML数据更改网站上的图像&jQuery
- 在不向服务器发出新请求的情况下更改图像jQuery