Как вытащить только текст из элемента?

Question

[BushaevDenis]

Есть блок

<div class="smth">
    <p>Ололо</p>
    Нужный текст.
</div>

Как вытащить только текст в элементе с классом smth без <p>Ололо</p>.
В голову приходит только регулярки.
Но может же быть другой способ?
Jquery

Comments

[muchdoge]

<div class="first">
  <p>Первый  текст</p>
  необернутый  текст
</div>

<input  type="text" id="test">

$(function(){
  //получить содержимое
  var F = $('.first').html();
  //"выбросить ненужные элементы
  $(F).detach('p');  
  //готово
  $('#test').val($(F).html());
  
});

Answer 1

[BushaevDenis]

Нашёл такой варинат. Но что-то костыли.

$('.smth').clone().children().remove().end().text());

Answer 2

[xmoonlight]

var text = $(".smth").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();