主页 / 问题 / 1100183
Accepted
Владислав Самохин
Asked:2020-03-26 21:57:52 +0000 UTC2020-03-26 21:57:52 +0000 UTC

输出 div js 中的文本

  • 772

请告诉我如何显示仅在其中的<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>

javascript

1 个回答

  1. Best Answer

    一种选择是克隆对象，删除所有子对象，然后获取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>

    • 2

相关问题