为什么它没有返回'li'内的值?我做错了什么吗?
$("#list li").click(function() {
var selected = $(this).val();
alert(selected);
})
为什么它没有返回'li'内的值?我做错了什么吗?
$("#list li").click(function() {
var selected = $(this).val();
alert(selected);
})
您想获取包含在li
标签内的HTML或文本吗?
如果是这样,请使用以下任一选项:
$(this).html()
或:
$(this).text()
val()
方法适用于表单字段。
<ul id="unOrderedList">
<li value="2">Whatever</li>
.
.
$('#unOrderedList li').click(function(){
var value = $(this).attr('value');
alert(value);
});
$("#list li").click(function() {
var selected = $(this).text();
alert(selected);
});
li元素没有值。只有与表单相关的元素,如input、textarea和select才有值。
$("#list li").click(function() {
var selected = $(this).html();
alert(selected);
});
<div class="inter">
<p>Liste des Produits</p>
<ul>
<li><a href="#1">P1</a></li>
<li><a href="#2">P2</a></li>
<li><a href="#3">P3</a></li>
</ul>
</div>
$(document).ready(function(){
$(".inter li").bind(
"click", function(){
alert($(this).children("a").text());
});
});
您可以使用jQuery on() 来实现相同的功能。
$("#list").on('click','li',(function() {
var selected = $(this).text(); //or .html()
alert(selected);
})
$("#list li").click(function() {
var selected = $(this).html();
alert(selected);
});
或者
var selected = $(this).text();
alert(selected);
})