jQueryの.val（）関数は0を返します

Question

私はおそらく何かを見落としていますが、jQueryの.val関数は機能していないようです。私はリスト項目の中にある文字列を対象にしようとしていますが、代わりに0を記録します。それはvalue属性を取得する必要はありませんので、

$(document).ready(function() { 
    $(".list-item").click(function() { 
     var list-item = $(this).val(); 
     console.log(list-item); 
    }); 
}); 

Answer 1

.list-itemがli要素であると仮定すると、問題があります。要素内で文字列を取得する場合は、代わりにtext()を使用してください。

list-itemという変数を持つことは無効です。 -は減算演算子なので、listとitemはそれ自身で変数になると予想されます。私は以下の例でlistItemにそれを変更することに注意してください：

$(".list-item").click(function() { 
    var listItem = $(this).text(); 
    console.log(listItem); 
}); 

Answer 2

これを試してみてください：

かわり$(this).val();の$(this).text();を使用する必要があります。

私はあなたがヴァルの代わりにしようとすべきだと思うこの場合は

$(document).ready(function() { 
    $(".list-item").click(function() { 
     var list-item = $(this).text(); 
     console.log(list-item); 
    }); 
}); 

Answer 3

、の.text（）の代わりに、.val（）、

$(document).ready(function() { 
    $(".list-item").click(function() { 
    var listItem = $('.list-item').text(); 
    console.log(listItem); 
    }); 
}); 

しかし、あなただけの1 especificの要素を取得したいことを確認してくださいこの場合、使用するセレクターのタイプを変更する必要があります。