if else有2个文本变量

Question

我在表中有两个变量.

<table>
<tr>
<td class="cell1">10</td><td class="cell2">5</td>
</tr>
</table>

现在我想说,如果.cell2中的数字小于.cell1中的数字,则更改.cell2红色的颜色.

Answer 1

用中获取每个单元格的内容.text.使用parseInt或转换为数字parseFloat,并添加或删除一些有条件地应用必需样式的CSS类.toggleClass:

var isSmaller=parseInt($(".cell2").text(),10) < parseInt($(".cell1").text(),10);
$(".cell2").toggleClass("red", isSmaller);

在这个例子中,我假设这个额外的CSS:

.red { background-color: red }