如何通过HTML中的子字符串进行筛选？

Question

我有以下的jQuery函数：

var $content = $("#content"); 
var $map= $("#map"); 
$.each(plots, function() { 
    var plot = this; 
    var $plot = $("<a />") 
    .css({ 
     'width': plot.width, 
     'height': plot.height, 
     'top': plot.top, 
     'left': plot.left, 
     'background': plot.color, 
    }) 
    .hover(function() { 
     $content.html(plot.content); 
    }); 
    $map.append($plot); 
}); 

我想绘制.css部分（其绘出方形）只有plot.content包含出现在某种形式在HTML的其他部分<input type=text name=filter>一子。我怎么能这样做？

此外，我想有一个按钮，重新运行/重绘所有的矩形。我需要运行什么功能？这只是我对这种语言不太了解，我习惯于Javascript。

Answer 1

不知道这是否是你想要什么：

var plot = this; 
var filter = $('input[name=filter]').val(); // get the value to search for 

if(plot.content.indexOf(filter) >= 0) { //check whether it is in plot.content 
    var $plot = $("<a />") 
    .css({ 
     'width': plot.width, 
     'height': plot.height, 
     'top': plot.top, 
     'left': plot.left, 
     'background': plot.color, 
    }) 
    .hover(function() { 
     $content.html(plot.content); 
    }); 
    $map.append($plot); 
}