如何删除文本区域中的自定义文本？

Question

$("p:nth-of-type(2)").click(function() {
var textarea = $("textarea");
textarea.val.remove("p:nth-of-type(2)");
});

<textarea>
<p>My text.</p>
<p>Text for remove</p>
<p>My text.</p>
</textarea>
<p>My text.</p>
<p>Text for remove</p>
<p>My text.</p>

如何在文本区域中删除“ p：nth-​​of-type（2）”？ 我的JavaScript代码无法正常工作！

Answer 1

每个html元素都会在textarea内转换为文本...因此您不能使用dsudo select ...

我认为您想删除clicked元素的相同元素，如果可以的话，可以通过replace进行操作，并按当前clicked元素的值进行比较

$("p:nth-of-type(2)").click(function() {
var textarea = $("textarea");
textarea.val(textarea.val().replace(this.outerHTML, ""));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea>
<p>My text.</p>
<p>Text for remove</p>
<p>My text.</p>
</textarea>
<p>My text.</p>
<p>Text for remove</p>
<p>My text.</p>