How do I perform a div search in jquery?

Question

my code-

$("#search").keyup(function(){
    var $search = $("#search");
    $("#l").find( $search ).css('color','red');
});

$("#l") is the div I want to search in.

please elaborate your question. do you want to "highlight your search?". BTW there is english.stackexchange for that :) — naveen, Jul 11 '11 at 10:06

Mark Perry · Answer 1 · 2011-07-11T10:18:57.797

1

$("#search").keyup(function(){
    var $search = $("#search");
    $("#l").children().find('#'+$search.val()).css('color','red');
});

edited Jul 11 '11 at 10:18

answered Jul 11 '11 at 10:00

Mark Perry

but my "#search" textbox isn't in the "#l" div, please help – Yash Mathur Jul 11 '11 at 10:07
It doesn't need to be. The query just says take the input from the `#search` textbox and try to match an element with the id of what the user has typed in the `#l` list. – Mark Perry Jul 11 '11 at 10:18
Added `.children()` so it searches the lists children instead of the list itself. (Guessing here that `#l` refers to a `
– Mark Perry Jul 11 '11 at 10:19
So you want to highlight the text in the div in red right? If so check this answer: http://stackoverflow.com/questions/1230714/jquery-how-to-highlight-certain-words-with-jquery – Mark Perry Jul 11 '11 at 10:28

score 0 · Answer 2 · edited May 23 '17 at 11:56

0

$("#search").keyup(function(){

    var searchTerm = "Hello";
    $("#l:contains('+ searchTerm +')").css('color','red');
});

edited May 23 '17 at 11:56

Community

answered Jul 11 '11 at 10:11

Ahmed Magdy

2 Answers2