jquery - Jqueryを使用して要素を変更するにはどうすればよいですか？

Question

私はその中に数字が入った単純なスパンを持っています：

<span id="MessageLabel">@Model.MessageCount</span>

値が0の場合は数値を非表示にし、値が0より大きい場合は数値を表示するにはどうすればよいですか？

これは私がこれまでに持っているものです：

function loadMessageCount() {

    $('#MessageLabel')

        if ($(item.val()) <= 0) {
             $('#MessageLabel').hide();
        } 
}

番号が変更されるたびにページが読み込まれるわけではないため、ajaxを介してこれを行う必要がある場合もあります。それも可能ですか？

Answer 1

あなたは近いです：

function loadMessageCount() {    
    var item = $('#MessageLabel')    
        if (parseInt(item.text()) <= 0) {
             item.hide();
        } 
}

Answer 2

$('#MessageLabel')まず、次の名前の変数に割り当てますitem。

var item = $('#MessageLabel');

spans持っていませんvalues。.val()値をプルするために使用されます。ここで使用したい.text()：

...
if (item.text() <= 0) { ... }

ただし、最初にこれが整数であることを確認する必要があります。ただし、次を使用しparseInt()ます。

...
if (parseInt(item.text()) <= 0) { ... }

公式のjQueryチュートリアルを確認することをお勧めします：http：//try.jquery.com :-)

数値が1より大きい場合、テキストの色を赤に変更するにはどうすればよいですか？

if (parseInt(item.text()) > 1) {
    $(this).css({
        'color': '#f00';
    });
}

Answer 3

できるよ ：

if(parseInt($('#MessageLabel').text()) > 0)
{
    $('#MessageLabel').show()
}
else
{
    $('#MessageLabel').hide();
}