0

次のマークアップを含むHTMLの2つの列があります。

列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と比較する必要があります。結果があるはずの3番目の列があります。

これを行うための最良の方法は何ですか?

私は次のことを試しました:

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

しかし、それはNaNになります。

4

2 に答える 2

1

タグ内にブロックレベルの要素をネストすることはできません。<p>ブラウザは親<p>タグを閉じます。Chromeでコンソールをチェックすると、そのことがわかります。

また、html()タグの内部値parseFloatを検索し、浮動小数点数(整数ではない)を検索するために使用する必要があります

parseFloat($("#uni1Query1Result p").html())
于 2012-10-17T15:46:17.047 に答える
1

このアプローチを試して、両方のdivの最初の値を比較してください

$('#uni1Query > p:eq(0) div p').text() == $('#uni2Query > p:eq(0) div p').text()
于 2012-10-17T15:47:48.660 に答える