jquery - 如果页面 h1 包含特定单词，则显示特定图像？

Question

我正在尝试显示与包含特定单词的 h1 相关的图像。假设我有 20 页和 20 张图片，每页都有一个 h1，其中包含与内容相关的词。我希望能够只在该页面的 h1 中显示与该词相关的图像。这就是我使用的(我对此很糟糕!)试图让它显示球的图片。

$(document).ready(function(){
   if ($("h1:contains('ball')").length) {
      $('.post_image').show(<a href="#"><img src="ball.jpg" /></a>);
   }                                           
});

我猜这是各种错误，因为它什么也没显示。我需要它不仅能找到并显示那个词和图像，而且至少有 20 个不同。

在此先感谢，非常感谢。

Answer 1

我同意 Stilly.stack 的观点，您应该以不同的方式处理这个问题。

如果你真的想检查 h1 是否包含一个词，你可以这样做:

$(document).ready(function(){
   var ballSrc = 'http://upload.wikimedia.org/wikipedia/commons/7/7a/Basketball.png';
   if ($("h1").text().indexOf('ball') !== -1) {
      $('.post_image').attr('src',ballSrc);
   }                                           
});

http://jsfiddle.net/aY5Nz/1/

编辑:这也会匹配像“ballerina”这样的词，所以你应该改用正则表达式