Question

目前我有很多不同div的信息。

我希望能够搜索这些信息（全部在同一页面上）并将结果打印在div中，而不必使用mysql。

即，如果我搜索'主席'，'主席'的所有结果都会出现在div中。

我该怎么做呢？我对jquery很新，但我很享受学习它的惊人能力:)。

Answer 1

如果你真的想使用jQuery，那么你可以这样做：

var wordToSearch = "house";
$("div:contains('" + wordToSearch + "')").each(function() {
    $("#result").append(this.innerText);
});

这是jsFiddle示例：http://jsfiddle.net/GEyey/

Answer 2

您应该做的第一件事是找出您想要搜索哪些标签。我将CSS类分配给您想要搜索的div。那么这样的事情就可以了：

$('#searchButton').click(function() {
    $('div.searchable').each(function() {
        if ($(this).text().indexOf(searchTerm) > -1) {
            //Do something.
        }
    });
});

Answer 3

我想你可以开始阅读：

Find text string using jQuery?

如果不是，你有一个非常好的方法：

http://johannburkard.de/blog/programming/javascript/6-more-jquery-tips-text-searching-page-load-time-and-others.html

Answer 4

U可以遍历所有Div，检查其中一个是否有Text“chair”并在ResultDataDiv中添加文本（它可能看起来像这样）：

var divs = document.getElementsByTagName("div");
for(var i = 0; i < divs.length; i++){
   if (divs[i].innerHTML.indexOf("chair"){
     $("#myDataDiv").innerHTML = divs[i].innerHTML;
   }                               
}

如果您希望在您的网页上使用某个活动，则应在$(document).ready()功能中调用该活动。

使用jquery搜索并返回页面上的结果

4 个答案: