如何更改li标签的文本？

Question

我有一个li标签，如下所示

<li  class="favoriterestbtnname btn btn-mrn">Home</li>



var facvnamebefore = $('.favoriterestbtnname').val();
alert(facvnamebefore);
$(".favoriterestbtnname").text("new value");
var facvnameafter = $('.favoriterestbtnname').val();
alert(facvnameafter);

我试图动态更改它的文本，但这给了我0的值

我的小提琴

http://jsfiddle.net/4fnprzpu/1/

请有人帮帮我。

Answer 1

您必须使用 text 而不是 val 来获取代码的值。

var facvnamebefore = $('.favoriterestbtnname').text();

Val 功能是输入标签。

问候。

Answer 2

写.text（）而不是.val（）..

var facvnamebefore = $('.favoriterestbtnname').text();

alert(facvnamebefore);

$(".favoriterestbtnname").text("new value");

var facvnameafter = $('.favoriterestbtnname').text();


alert(facvnameafter);

更新了小提琴： -

http://jsfiddle.net/4fnprzpu/2/

额外信息： -

如official site 中所述： -

  

.text（）： - 获取集合中每个元素的组合文本内容   匹配的元素，包括它们的后代，或设置文本   匹配元素的内容。

     

.text（）方法不能用于表单输入或脚本。设置或   获取input或textarea元素的文本值，使用.val（）   方法。要获取脚本元素的值，请使用.html（）方法。

Answer 3

您应该使用 .text() 而不是 val()

$( document ).ready(function() {
    $(".favoriterestbtnname").text("one");
});

Working Demo