jquery - 记录/处理 css 格式的 jQuery 发布的 div 数据？

Question

我想记录一个通过 Wordpress 插件生成的匿名小调查的 javascript 计算结果 div。

生成的html是:

<div ref="fieldname57_1" class="cff-summary-item">
<span class="summary-field-title cff-summary-title">Yearly costs</span>       
<span class="summary-field-value cff-summary-value">£120</span></div> 
(...)

它呈现为

Yearly costs: £120
Monthly costs: 10

因为 css 有，例如:

fbuilder .cff-summary-title:after {
    content: ': ';
}

我可以抓取并发布文本和 log it with nginx使用像这样的基本 jquery post 处理程序:

var stuff = jQuery('#fieldname66_1').text();
jQuery.post( "/formpost.txt", { name: "result", value: stuff } );

但一切都变成了每年花费 120 英镑每月花费 10 英镑

我可以抓取 jQuery('#fieldname66_1').html() 但是我有要处理的 html。

我可以做后端处理——我是一个节点新手，但安装了它，我可以看到各种 npm 包，它们可能会被强制处理输出。

我知道 jQuery 的 makeArray 和 toArray 函数，但这些函数仍然给我 html。我可以使用 .next() 遍历跨度并将结果放入数组中。

但是……我是不是漏掉了什么技巧？

• 当我说“日志”时，它不需要是“每行”日志格式 -

• 我仍然会记录“呈现的”整个 div。我无法更改插件代码，即使我可以将其视为学习工具!

• 整个页面输出是 javascript，在浏览器中呈现。

谢谢!

Answer 1

首先，这是糟糕的 HTML。表格或定义列表会更好。如果您想将该数据发布到服务器，最好是有一个带有字段的表单。

如果你想保持原样，单独获取 span 的文本，然后自己用冒号将它们连接在一起。

多个标题/值对是否在一个元素中？如果是，在将两个标题/值对发送到服务器时，您希望它们之间有什么？