我正在尝试更改“li”项目组中的“li”项目。我有一段地狱般的时间试图找到它并改变它的文字任何人都可以指出我正确的方向。我试过以下
$("#chosen-results" ).find("li").text("hide trip history");
我知道这行不通,因为我需要更具体,但这就是我卡住的地方。提前致谢。
更新 我向所有回答问题的人道歉,这不是下拉列表中的最后一项,抱歉造成误导。这实际上只是许多“里”米格尔列表中的一个项目
我正在尝试更改“li”项目组中的“li”项目。我有一段地狱般的时间试图找到它并改变它的文字任何人都可以指出我正确的方向。我试过以下
$("#chosen-results" ).find("li").text("hide trip history");
我知道这行不通,因为我需要更具体,但这就是我卡住的地方。提前致谢。
更新 我向所有回答问题的人道歉,这不是下拉列表中的最后一项,抱歉造成误导。这实际上只是许多“里”米格尔列表中的一个项目
您可以使用以下方法执行此操作:last Selector
:
代码:
$("#chosen-results").find("li:last").text("hide trip history");
演示:
$('ul.chosen-results li:last').text("hide trip history");
试试这个
$('ul.chosen-results li.active-result.group-option').text('hide trip history');
尝试
$("ul.chosen-results" ).find("li").last().text("hide trip history");
或者
$("ul.chosen-results" ).find("li:last").text("hide trip history");
参考
$("#chosen-results li:last").text("hide trip history");
这是一个 jsFiddle:http: //jsfiddle.net/hHwuV/
在选择器中使用 eq 过滤器来过滤特定的。
//sets for all.
$("#chosen-results" ).find("li").text("hide trip history");
//sets for the second result //0 based
$("#chosen-results" ).find("li").eq(1).text("hide trip history");
首先,您可能想阅读 CSS 选择器:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors http://www.htmldog.com/guides/css/intermediate/classid/
现在,你的ul
元素有一个不是 id 的类,chosen-results
所以你需要从$('.chosen-results')
. 然后你想要最后一个li
,这样你就可以使用:last-child
选择器.find()
:
$(".chosen-results" ).find("li:last-child").text("hide trip history");
但请注意,这将影响作为li
其父级的最后一个子级的所有元素,并且位于带有 class 的元素中chosen-results
。如果有多个这样的元素,而您只想要一个,那么您需要更具体地使用选择器,或者可能在您的 HTML 中添加一个额外的类或 id。
您应该能够使用last():
$( "li" ).last().text("The new text");
查看这个小提琴进行演示。您还可以使用:last
选择器:
$( "li:last ").text("The new text");
您还可以考虑查看有关traversing的文档。