javascript - 检测字符串上的 html 标签，获取值并删除 javascript 中 html 标签内的值

Question

我有一个包含 HTML 标签的字符串:

var str = "Hello World <br><p>1</p><em>My First Javascript</em>";

我还有一个带有隐藏输入的表单:

<input type='hidden' name='id' value=''>

使用上面的字符串，我想获取 <p> 中的值标签是 1并将该值分配给隐藏的输入。之后，我想删除字符串中的所有 HTML 标记，即这些 <br><p>1</p><em>My First Javascript</em>。 .因此，str 的唯一值将是 Hello World .

有什么方法可以在 Javascript 或 jquery 上做到这一点吗？

谢谢大家!

Answer 1

因此，您要做的是将字符串转换为 jQuery 对象。你可以这样做 -

var str = "Hello World <br><p>1</p><em>My First Javascript</em>";
var $holder = $('<div>');
$holder.append(str);

现在我们将您的字符串封装在另一个 div 元素中。接下来我们提取 <p> 中的值元素 -

var value = $holder.find('p').text(); // 1

现在我们有了这个值，我们可以将它放入隐藏的输入字段中 -

$('input[name="id"]').val(value);

现在要从原始字符串中删除所有其他元素 - 我们将使用我们之前为此创建的容器 -

$.each($holder.children(),function(index,elem){
  $(elem).remove();
});

现在我们可以获取$holder的文本内容与 $holder.text()它应该只是 -

Hello World

---

如果你想摆弄这个，
你可以在这里这样做 - http://jsfiddle.net/TVXbw/1/