jquery - 选择 > 和 < 之间的文本

Question

我想将文本复制/粘贴>到<textarea 或div. 例如，如果我有

<div><p><div id='1'> Hello my name is </div></p></div>
<div><p><li> Mathieu </div></li></div>

然后我单击div ID=1（DIV 将没有类或 ID，这仅用于示例）我想选择Hello my name is并自动复制/粘贴到textarea. 但它可能是 , , 等所有内容ul。li我p只想div在单击文本之间选择>文本<。

我有这个：

 $(document).ready(function() {
        $(document).bind("mouseup", function() {
            var sel = $.selection('html');
            if (sel != '') {
                $('#yourTextAreaId').val(sel);
                $('#yourDivId').html(sel); // to fill the selection into the body of <div id="yourDivId"></div>
                // send the `sel` here
            }
        });
    });

Answer 1

对于此示例，我将仅使用您在问题中引用的元素，但您可能需要指定所有您希望将其应用于的元素。

$(function () { //shorthand for document ready
    $("ul, li, p, div").click(function () { //shorthand for click event
        if($(this).text() != "") {
            $("#yourTextAreaId").val($(this).text());
            $("#yourDivId").text($(this).text());
        }
    });    
});