jQuery 每个功能都不起作用

Question

我有一些带有类 PointsToggle 的 p 标签

<p class="PointsToggle">POINTS STATEMENT - AVAILABLE 7AM TOMORROW</p>
<p class="PointsToggle">SOME OTHER TEXT</p>

和一些像这样的 jQuery

$('.PointsToggle').each(function() {
if ($(this).text = 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
    $(this).css('width', '510px');
}
else {
    $(this).css('width', '20px');
}
})​

但我似乎无法让它工作

有什么想法吗？

谢谢杰米

​

Answer 1

$('.PointsToggle').each(function() {
  var $this = $(this);
  if ($this.text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
    $this.width(510);
  } else {
    $this.width(20);
  }
})​

Answer 2

您正在使用=，这意味着分配。尝试用 == 代替。

Answer 3

.text() 是一个函数，因此您缺少一些括号调用它时，如下所示：

if ($(this).text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {

或者在 jQuery 1.4+ 中总体上更简单一些：

$('.PointsToggle').width(function() {
 return $(this).text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW' ? 510 : 20;
})​;

Answer 4

这将起作用：

$('.PointsToggle').each(function() {
if ($(this).text() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
    $(this).css('width', '510px');
}
else {
    $(this).css('width', '20px');
}
})​

Answer 5

$(document).ready() {
    $('.PointsToggle').each(function() {
        if($(this).html() == 'POINTS STATEMENT - AVAILABLE 7AM TOMORROW') {
            $(this).width(510);
        } else {
            $(this).width(20);
        }
    })​
});

编辑：

如果可能的话，我会让生成 html 的代码添加另一个类。那么这一切都可以用css来完成。例如：

<p class="PointsToggle Toggled">POINTS STATEMENT - AVAILABLE 7AM TOMORROW</p>

<style>
    .PointsToggle {width:20px;}
    .PointsToggle.Toggled {width:510px;}
</style>