Как фильтровать подстроку в 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 содержит подстроку из <input type=text name=filter>, которая появляется в той или иной форме в другой части HTML. как я мог это сделать?

Кроме того, я хочу иметь кнопку, которая повторяет/перерисовывает все прямоугольники. какую функцию мне нужно выполнить? это просто, что я мало знаю об этом языке, я привык к 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); 
}