Вывод текста который находится в div js

Question

Подскажите пожалуйста, как я могу вывести текст который находиться только в <div> а именно asd

$("#text").click(function() {
  var text = $("#text").text();
  console.log(text);
})

#text {
  width: 100px;
  height: 50px;
  border: 1px solid;
}

#text span {
  background: red;
  width: auto;
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  border-radius: 3px;
  color: #fff;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="text" contenteditable="true"><span contenteditable="false">Текст</span>
asd</div>

Answer 1

Один из вариантов - это создать клон объекта, удалить всех детей и получить textContent

let txt = jQuery("#text").clone().children().remove().end().text().trim();
console.log(txt);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="text" contenteditable="true"><span contenteditable="false">Текст</span>
asd</div>

БЛОГ НА HUSL

Вывод текста который находится в div js

Ответы (1 шт):