Find word using JQuery

Question

I need a little piece of advice. I have a test page with 2 fields: word number and URL Also i have a button Push.
When i push the button i want to open the specified URL (it's local html files) and highlight the word at the "word number" position Of course the code must ignore element nodes (<p>,<b>,<table> and so on)

Answer 1

$('#button_id').bind('click', function(e){
   var $wordat  = $('#input_id_word').val(),
       $url     = $('#input_id_url').val(),
       counter  = 0;

   $.ajax({
      type: 'GET',
      url: $url,
      dataType: 'html',
      success:  function(data){
          $(data).find('body').contents().each(function(i, e){
              var wordarr = $(e).text().split(" ");

              counter += wordarr.length;

              if($wordat <= counter){
                 wordarr[$wordat] = "<span style='background-color: red;'>" + wordarr[$wordat] + "</span>";                     
              }

              $(e).text(wordarr.join(" "));
          });

          $('element_id_to_insert').html(data);
      }
   });
});

This is untested and can get improved like a lot, but something very similar to this should do it.