Question

希望你能帮我解决问题。

这两张图片链接在某个网站上。

<a href="?FRUIT=banana><img height="40" src="../../banana.jpg?format=raw" title="Banana - yellow"></a>

<a href="?FRUIT=apple><img height="40" src="../../apple.jpg?format=raw" title="Apple - green"></a>

我想边界开始写一个函数。

正如您所看到的，每张图片的标题都包含水果和一种应该通过听到水果来关联的颜色。

我开始创建一个数组。

var colors = ['yellow','green'];

数组的每个元素应以3px点绿色为边界。

for(var i = 0;i < colors.length;i++){
.css('border','3px dotted green');
}

但是如何获得包含颜色的图像标题以3px点缀绿色？

提前谢谢。

Answer 1

for(var i = 0;i < fruits.length;i++){
 $('img[title$='+fruits[i]+']').css('border','3px dotted green');
 var title =  $('#'+fruits[i]).attr('title');
}

这就是你如何获得标题，并将所有标题与水果阵列中任何颜色结束的图像边界化。

Answer 2

为了清楚起见，使用对象通过水果名称引用您的颜色可能会更好。

var fruit_colors = {Banana: "yellow", Apple: "red", Lime: "green", Grape: "purple"};
for(k in fruit_colors){
  $("img[title^=" + k).css("border","3px dotted " + fruit_color[k])
}

如何通过选择标题的一部分来边界图像？

2 个答案: