2

このコードを使用して要素のテキストを見つけることができますが、特定の時間マウスをその単語の上に置いた場合、ページ内の任意の場所で単一の単語を見つけたいと考えています。

$(document).bind("mouseover", function (e) {
    var event = e;
    setTimeout(function () { $(event.target).contents().each(function(index, elem) {
        if( elem.nodeType === 3 && $.trim(elem.nodeValue).length ) {
            var text = $.trim(elem.nodeValue);
            text = text.split(" ");
            console.log($.trim(elem.nodeValue));
            //alert($.trim(elem.nodeValue));
            return false;
         }
      });
   }, 5000);

});

4

2 に答える 2

5

これはおそらくこれまでで最高のコードではありませんが、andyb のコメントから外れて、正しい方向に進む可能性があります。

何かのようなもの

$(".first").on("hover",function(){

  var words = $(this).text().split(" ");

  var fullText = "";

  for(i=0;i<words.length;i++){
    words[i] = "<span>"+words[i]+"</span> "; 
    fullText += words[i];
  }  

  $(this).text("").append(fullText);

  $(this).children("span").on("hover", function(){
    $(".second").text($(this).text());
  });

});

ただし、実際の例を見るのが最善の選択肢です。

于 2012-11-27T15:56:20.070 に答える
0 
   $(document).bind("mouseover", function (e) {
      var event = e;
      setTimeout(function () { $(event.target).contents().each(function(index, elem) {
      if( elem.nodeType === 3 && $.trim(elem.nodeValue).length ) {
      var text = $.trim(elem.nodeValue);
      text = text.split(" ");
      var words = (elem.nodeValue).split(" ");

      var fullText = "";

      for(i=0;i<words.length;i++){
          words[i] = "<span>"+words[i]+"</span> ";
          fullText += words[i];
      }

      $(event.target).html("").append(fullText);

      $(event.target).children("span").on("hover", function(){
          //$(".second").text($(this).text());
          console.log($(this).text());
       });
          console.log($(event.target).html());

          return false;
       } //alert($(event.target).text()+$(event.target).html());
   });},

10000）; });

今、私のコードはこれです....そしてうまく機能しています.しかし問題は、アンカータグまたは

タグには、いくつかのテキストの後にchaildsタグまたはspanタグがあります。テキストを取得して解析し、子ノードを無視します.......:(....これらの子ノードを選択したい...スパンタグを配置しますすべての単語に対して、外側のテキストよりも

于 2012-11-28T08:43:01.223 に答える