使用jquery从字符串中剥离span标记

Question

当我按下

时，我想要取p标签的文本值

$.keynav.enterDown = function () {
  var accom = $('#suggestions p.keynavon').html();
  alert(accom);

}

效果很好但结果包含<span>和</span>标记，无论如何我可以从字符串中删除这些标记吗？

Answer 1

如果您只想要与您所使用的文字相同的文字，请使用.text()代替.html()，如下所示：

$.keynav.enterDown = function () {
  var accom = $('#suggestions p.keynavon').text();
  alert(accom);
}

如果您确实需要专门删除<span>标记，请克隆内容（不影响原文）并通过.replaceWith()将其替换为内容，如下所示：

$.keynav.enterDown = function () {
  var accom = $('#suggestions p.keynavon').clone()
                .find('span').replaceWith(function() { return this.innerHTML; })
                .end().html();
  alert(accom);
}