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);
}

如何按HTML中的子字符串进行过滤？

1 个答案: