text（）同时返回子文本

在上面的提琴中，我展示了

text（）

，如何返回元素text和childrens。我如何避免这种情况，只让它返回“outerdiv”

注意：只需单击蓝色容器即可调用函数

$(document).ready(function() {
    $('.outerdiv').click(function() {
        var htmlstring = $(this).text();
        alert(htmlstring);
    })
});

---

注2：这必须不使用ID选择器。

要仅获取

.outerDiv

而不是子元素的文本，请使用以下代码：

$(this).clone().children().remove().end().text();

这样做的目的是克隆元素，删除所有子标记，然后返回到所选标记并获取文本

最终的代码应该如下所示：

$(document).ready(function () {
  $('.outerdiv').click(function () {
    var htmlstring = $(this).clone().children().remove().end().text();
    alert(htmlstring);

  });
});

---

但这不会有任何回报。嗯，它确实有效。我在自己的代码上试过了。我编辑了代码并用它代替了.outerDiv。现在试试。