カーソルの下のテキストを取得する方法は？

Question

私はjqueryでuserscriptを作ろうとしています。私はカーソルの下の要素からカーソルの下のテキストを取得したい。問題は、私が書いたスクリプトが要素に子がある場合連結された子要素を返すjQueryの.text（）を使用していることです。どのようにテキストを取得する任意のアイデア私はコンテナのをクリックしますか？

（私はebay.comでそれを試してみましたが、サイトは複雑で原因）

// ==UserScript== 
// @name   Selector 
// @namespace  http://userstyles.org 
// @description none 
// @include  http://*.* 
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js 
// ==/UserScript== 

var $; 

// Add jQuery 
(function(){ 
    if (typeof unsafeWindow.jQuery == 'undefined') { 
     var GM_Head = document.getElementsByTagName('head')[0] || document.documentElement, 
      GM_JQ = document.createElement('script'); 

     GM_JQ.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'; 
     GM_JQ.type = 'text/javascript'; 
     GM_JQ.async = true; 

     GM_Head.insertBefore(GM_JQ, GM_Head.firstChild); 
    } 
    GM_wait(); 
})(); 

// Check if jQuery's loaded 
function GM_wait() { 
    if (typeof unsafeWindow.jQuery == 'undefined') { 
     window.setTimeout(GM_wait, 100); 
    } else { 
     $ = unsafeWindow.jQuery.noConflict(true); 
     letsJQuery(); 
    } 
} 

function letsJQuery() { 
    //alert("Loaded jQuery" + $().jquery); // check jQuery version 

    $("*:not(html, head, body)").hover(function() { 
      $(this).css("border", "1px dotted blue"); 
    }, 

    function() {     
      $(this).css("border", "none"); 
    }).click(function() { 
      var s = $(this).text(); 
      if (s) alert(s); 
      return false; 
    }); 
} 

Answer 1

あなただけの文書にclick event handlerを結合して、イベントターゲットを確認することがあります。

$(document).bind('click', function(e) { 
    console.log('text: ', e.target.value || e.target.textContent || e.target.text); 
}); 

アップデート

$(document).bind('click', function(e) { 
    $(e.target).contents().each(function(index, elem) { 
     if(elem.nodeType === 3 && $.trim(elem.nodeValue).length) { 
      console.log($.trim(elem.nodeValue)); 
      return false; 
     } 
    }); 
}); 

Answer 2

次のようなick関数

function() {     
     $(this).css("border", "none"); 
}).click(function() { 
     debugger; 
     if($(this)[0].children.length == 0) { 
     var s = $(this).text(); 
     if (s) alert(s); 
     } 
     return false; 
});