javascript - 如果条件为真，则附加到元素

Question

我有许多具有特定类的元素，并且如果特定条件成立，我会尝试向它们附加一些内容。这是一个例子，但它告诉我 this.value() 不是一个函数。我不知道如何使用 jquery 引用单个元素。

<span class="numbers">1</span><br>
<span class="numbers">2</span><br>
<span class="numbers">3</span><br>

$('.numbers').after(function() {
    if (this.value() > 1) return ('<span>Bigger than one.</span>');
});

http://jsfiddle.net/SkuW3/

Answer 1

$('.numbers').after(function() {
    if (parseInt($(this).text(), 10) > 1) return ('<span>Bigger than one.</span>');
});

您遇到了一些问题。

首先，您需要引用 $(this) 而不是 this 来使用 jQuery 函数。

其次，使用 .text() 获取元素的文本值。

在 JavaScript 中将文本与数字进行比较时，parseInt(value, 10) 是一个好主意。