我正在尝试设置一个条件，即如果 SPAN 的“total-items”CLASS = 12 的内容，则会弹出警报。
这是我的 HTML 代码：
<span class="total-items">12</span>
这是我的 jQuery 代码：
if($('.total-items').html == 12){
alert("Test");
}
我想也许我应该使用 parseInt 函数？不知道怎么做。任何帮助将不胜感激。
【问题讨论】：
if($('.total-items').text() === 12)
=== 需要一个数字，.text() 永远不会返回一个数字。
标签： javascript jquery html
if ( $('.total-items' ).text() === '12' )
如果 SPAN 的内容可能包含前导或尾随空格，则必须在将其与所需值进行比较之前将其删除：
if ( $.trim( $('.total-items' ).text() ) === '12' )
另外，考虑缓存对该 SPAN 的引用，这样您就不必重复查询它。 （如果您需要多次检查，请执行此操作。）
var $totalItems = $('.total-items' );
然后
if ( $totalItems.text() === '12' )
【讨论】：
.text() 最适合这种类型的比较。 （如果这个span中有子元素怎么办？）
text() 更合适。
<span><strong>12</strong></span> 之类的东西，那么.text() 很可能是一个更好的选择。
这样做：
if( +$('.total-items').text() === 12){
alert("Test");
}
这将在文本为 12 时创建一个弹出窗口。
【讨论】：
text()是一个get方法，所以你得称它为开闭括号。还有一个诚实的问题：加号是什么意思？
()。 + 会将所有内容变成Number。如果不是数字，它将返回NaN。
我建议不要像这样从span 的文本中解析12。您这样做的方式使您看起来好像要在页面上显示数字十二。依赖这样的演示项目中的数据是一个坏主意。如果您决定希望跨度的内容为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。这提醒您，您应该只从一个元素中获取此数据。
【讨论】：
Total items: <span>12</span>，这意味着他可以依赖它只包含一个数值。
Total items: 12 问题，但是如果团队中有新开发人员加入怎么办？他不应该在这样的问题上小心翼翼地浪费时间。