如何通過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); 
}