使用JQuery查找单词

时间:2010-06-02 13:15:32

标签: javascript jquery html

我需要一点建议。 我有一个包含2个字段的测试页:字数和URL 我也有按钮按钮 当我按下按钮时,我想打开指定的URL(它的本地html文件)并突出显示“字号”位置的单词 当然代码必须忽略元素节点(<p><b><table>等等)

1 个答案:

答案 0 :(得分:0)

$('#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);
      }
   });
});

这是未经测试的,并且可以得到很多改进,但是与此非常类似的事情应该这样做。