Использование jquery для поиска и возврата результатов на странице

Question

В настоящее время у меня есть много информации, которая находится в нескольких различных элементах div.

Я хочу иметь возможность искать эту информацию (то есть все на одной странице) и печатать результаты в элементе div, не имеяиспользовать mysql.

Т.е., если бы я искал «стул», все результаты с «стулом» появлялись бы в делении.

Как бы я поступил так?Я довольно новичок в jquery, но мне нравится изучать его удивительные способности:)

Answer 1

Если вы действительно хотите использовать jQuery, вы можете сделать что-то вроде этого:

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

Вот пример jsFiddle: http://jsfiddle.net/GEyey/

Answer 2

Я думаю, вы могли бы начать читать это:

Найти текстовую строку с помощью jQuery?

Если не здесь, у вас есть очень хороший подход:

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

Answer 3

Первое, что вы должны сделать, это выяснить, какие теги вы хотите сделать доступными для поиска.Я бы назначил CSS-класс для div, которые вы хотите сделать доступными для поиска.Тогда что-то вроде этого будет работать:

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

Answer 4

U может перебрать все Div, проверить, есть ли у одного из них текст «стул», и добавить текст в ваш 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().