javascript - 获取 Idless p 标签的值进行比较

Question

我在 html 中有两列，带有以下标记:

第 1 列:

<div id="uni1Query">
<p id="uni1Query1Result" data-sgvizler-chart="sText" data-sgvizler-loglevel="2"><div><p>54.7</p></div></p>
<p id="uni1Query2Result" data-sgvizler-chart="sText" data-sgvizler-loglevel="2"><div><p>34.7</p></div></p>
</div>

第 2 列:

<div id="uni2Query">
<p id="uni2Query1Result" data-sgvizler-chart="sText" data-sgvizler-loglevel="2"><div><p>54.7</p></div></p>
<p id="uni1Query2Result" data-sgvizler-chart="sText" data-sgvizler-loglevel="2"><div><p>34.7</p></div></p>
</div>

我想要做的是获取第 1 列中的值并将它们与第 2 列中的相同值进行比较。

所以我想要的是将 uni1Query1Result 与 uni2Query1Result 的值进行比较，以及将 uni2Query1Result 与 un21Query2Result 的值进行比较，依此类推。我有第三列，其中应该包含结果。

执行此操作的最佳方法是什么？

我尝试了以下方法:

r1 = parseInt($("#uni1Query1Result p").val());
console.log(r1);
r2 = parseInt($("#uni2Query1Result p").val());
console.log(r2);
r3 = (r1 - r2);
alert(r3);

但这会导致 NaN。

Answer 1

您不能在 <p> 中嵌套 block 级元素。标签，浏览器将关闭父级 <p>标签。检查 Chrome 中的控制台就会发现这一点。

此外，您应该使用html()查找标签的内部值，以及 parseFloat查找 float (不是整数)

parseFloat($("#uni1Query1Result p").html())