解析div之间的文本字符串

Question

我有一个存储在变量中的html文本字符串:

var msg = '<div class="title">Alert</div><div class="message">New user just joined</div>'

我想知道如何从jQuery/Javascript中的上述变量中​​过滤出"刚刚加入的新用户",以便我可以将文档标题设置为仅消息.

谢谢.

Answer 1

像这样:

document.title = $(msg).filter("div.message").text();

请注意,如果消息更改为包含在元素中,则需要替换filter为children.

编辑:看起来div你想要的是嵌套在其他元素.
如果是这样,你可以这样做:

document.title = $("div.message", msg).text();

Explanation: $('<div>a</div><div>b</div>')创建一个包含两个不同<div>元素的jQuery对象.您可以通过调用filter函数找到您要查找的函数,该函数查找您调用它的jQuery对象中的数学元素.(不是他们的孩子)

$('<p><div>a</div><div>b</div><p>')创建一个包含单个<p>元素的jQuery对象,该<p>元素包含两个<div>元素作为子元素.调用$('selector', 'html')将在HTML中找到与选择器匹配的元素的所有后代.(但它不会返回根元素)