我在 HTML 表格單元格中顯示了一些文本。當我查看螢屏上的 HTML 輸出時,文本包含一些空格和其他換行符(就像下面的代碼片段一樣)。
使用jQuery.text()方法,所有這些空格和換行符都與文本一起復制。
我應該使用什么來獲取瀏覽器直觀顯示的內容(如預期輸出文本區域中所示)?
$(function() {
let str = $('#address').text();
$('textarea.paste').val(str);
});
div {
display: inline-block;
margin-top: 10px;
}
<table>
<tbody>
<tr>
<td id="address">
Some word<br>
Some
more
words
</td>
</tr>
</tbody>
</table>
<div>
<code>jQuery.text()</code> output:<br>
<textarea class="paste" rows="7"></textarea>
</div>
<div>
Expected output:<br>
<textarea rows="7">Some word Some more words</textarea>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
uj5u.com熱心網友回復:
您可以閱讀該innerText屬性:
$(function() {
let str = $('#address').prop('innerText');
$('textarea.paste').val(str);
});
div {
display: inline-block;
margin-top: 10px;
}
<table>
<tbody>
<tr>
<td id="address">
Some word<br>
Some
more
words
</td>
</tr>
</tbody>
</table>
<div>
<code>jQuery.text()</code> output:<br>
<textarea class="paste" rows="7"></textarea>
</div>
<div>
Expected output:<br>
<textarea rows="7">Some word Some more words</textarea>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/431581.html
標籤:javascript html jQuery
