如何检查jQuery变量的文本是否包含特定的文本？

Question

所以我拍摄的图像的ID在一个jQuery变量，像这样：

$("#tag img").click(function(e) {  
    var element = $(this).attr("id"); 

我怎么然后解析VAR元素？

我想将它放在一个像这样的if语句：

if ($(element *= 'square') { 
    $('#tag #view_name').text("Tag with a Square"); 
} 
elseif ($(element *= 'circle') { 
    $('#tag #view_name').text("Tag with a Circle"); 
} 

如何做到这一点，用最少的代码量可能吗？

谢谢。

编辑：哦，我正在搜索的文本是单引号（'square'和'circle'）中的两个字符串。

编辑：下面的所有答案看起来像他们应该工作......但他们不是。下面是其他的代码，所以你们可以看到，如果我失去了一些东西：

<div id="tag"> 
     <a href=""><img src="images/square.png" id="square-tag"></a> | 
     <a href=""><img src="images/circle.png" id="circle-tag"></a> |  
     <span id="view_name">Tag with Square</span> 
    </div> 

编辑3：好...看来，一些其他的jQuery被劫持该专区。所有的答案都是对的。我希望我可以标记所有这些正确的:)

Answer 1

这类似于$("input[name*='man']")选择（例如，从您的评论）

var name = $(this).attr("name"); 
if (name.indexOf('square') >= 0) { 
    $('#tag #view_name').text("Tag with a Square"); 
} 

Answer 2

试试这个：

if (element.indexOf("square") != -1) 
    $('#tag #view_name').text("Tag with a Square"); 
else if (element.indexOf("circle") != -1) 
    $('#tag #view_name').text("Tag with a Circle"); 

Answer 3

从最少的代码的角度来看，这将工作：

$("#tag img").click(function() { 
    if (this.id.indexOf('square')>-1) { 
    $('#view_name').text("Tag with a Square"); 
    } else if (this.id.indexOf('circle')>-1) { 
    $('#view_name').text("Tag with a Circle"); 
    } 
}); 

当通过ID选择使用只有的ID，它也是一个更快的选择器。我这样做是因为你的问题的措辞如此，对于这个具体的例子来说，这样做有点干净：

$("#tag img[id*='square']").click(function() { 
    $('#view_name').text("Tag with a Square"); 
}); 
$("#tag img[id*='circle']").click(function() { 
    $('#view_name').text("Tag with a Circle"); 
});