使用jQuery的SPAN内容的条件

Question

我正在尝试设置一个条件，如果SPAN的内容“总项目”CLASS = 12，则会弹出警告。

这是我的HTML代码：

<span class="total-items">12</span>​

这是我的jQuery代码：

if($('.total-items').html == 12){
    alert("Test");
}    ​​

我想也许我应该使用parseInt函数？不确定如何。任何帮助将不胜感激。

Answer 1

if ( $('.total-items' ).text() === '12' )

如果SPAN的内容可能包含前导或尾随空格，则在将其与所需值进行比较之前，您必须将其删除：

if ( $.trim( $('.total-items' ).text() ) === '12' )

---

另外，请考虑缓存对该SPAN的引用，以便您不必重复查询它。 （如果您需要多次进行检查，请执行此操作。）

var $totalItems = $('.total-items' );

然后

if ( $totalItems.text() === '12' )

Answer 2

这样做：

if( +$('.total-items').text() === 12){
    alert("Test");
}

当文本为12时，这将创建一个弹出窗口。

Answer 3

我将建议不要像12这样的文本解析span。你这样做的方式使你看起来要在页面上显示十二号。依赖来自这样的演示项目的数据是一个坏主意。如果您决定要将范围的内容设为Total items: 12，该怎么办？你很难解析其中的12个，或者你必须引入一个新元素。

这是我的建议：

<span id="total-items" data-count="12">12</span>

和

if ($('#total-items').data('count') === '12') {
    // do whatever
}

另请注意，我已将total-items从class更改为id。这提醒您，只有一个元素可以从中获取此数据。