javascript - 使用 jQuery 的 SPAN 内容的条件

Question

我正在尝试设置一个条件，如果 SPAN 的“total-items”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's 文本中进行解析。您这样做的方式使您看起来好像要在页面上显示数字十二。依赖这样的演示项目中的数据是一个坏主意。如果您决定要跨度的内容是Total items: 12什么？您将很难从中解析出 12 个，或者您必须引入一个新元素。

这是我的建议：

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

和：

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

另外，请注意我total-items从 a更改class为a id。这提醒您，您应该只从一个元素中获取此数据。