Выделение текста в div

Question

У меня есть элемент div с некоторым текстом в нем. Мне нужно, чтобы иметь возможность выбрать: 1. сам DIV и 2. только текст внутри этого DIV

<div class="myDiv">some text</div> 

Так я в состоянии выбрать DIV, по имени класса

$(".myDiv").hover(...); 

Но я У меня трудности с текстом. Пробовал следующие

$(".myDiv").contents().eq(0).text().hover(...); 

но не повезло. Кроме того, когда я навешиваю текст, мне нужно выбрать только этот текст, а не родительский div.

Answer 1

DEMO

Попробуйте

Я думаю, это то, что вам нужно

(function findTextNodes(current, callback) { 
    for(var i = current.childNodes.length; i--;){ 
     var child = current.childNodes[i]; 
     if(3 === child.nodeType) 
      callback(child); 
     findTextNodes(child, callback); 
    } 
})(document.getElementById('myDiv'), function(textNode){ 
    $(textNode).replaceWith('<span class="textNode">' + textNode.nodeValue + '</span>'); 
}); 

$('.textNode').hover(function(){ 

    $(this).css('color', 'white'); 
},function(){ 
    $(this).css('color', 'black'); 
}); 

Answer 2

Все, что вам нужно нужно следующее:

var txt = $('.myDiv').text(); 

Answer 3

var html= $('.myDiv').html(); // Select div itself 
var text= $('.myDiv').text(); // To get only the text 

Answer 4

Если вы пытаетесь добавить текст попробовать:

$(".myDiv").contents().eq(0).innerHTML('YOUR TEXT HERE').hover(...);