Question

jquery click li 获取值

<div class="findmod">
<span id="search_type_content">类型<i></i></span>
<ul id="Z_search_info" style="display:none;">
<li data-type_name="全部" data-type_id="0">全部</li>
</ul>
</div>

// 搜索
$(".findmod").mouseover(function(){
$("#search_type_content").addClass("cur");
$("#Z_search_info").show();
}).mouseleave(function(){
$("#search_type_content").removeClass("cur");
$("#Z_search_info").hide();
});

$("#Z_search_info >li").mouseover(function(){
$(this).addClass("hov");
}).mouseleave(function(){
$(this).removeClass("hov");
});

$("#Z_search_info > li").click(function(){
var type_data = $(this).data();
var type_id = parseInt(type_data.type_id);
var type_name = ？？？？？

$("#search_type_content").html(type_name + "<i></i>");
$("#category").val(type_id);
$("#Z_search_info").hide();
});

请问如何获取到鼠标点击到的LI 中的data-type_name 值

Answer 1

你的html本身就有错~
<li data-type-name="全部" data-type-id="0">全部</li>

这里应该是
<li data-type-name="全部" data-type-id="0">全部</li>

注意，name前面一杠是减号~
对应的jquery也要改成
var type_name = $(this).attr("data-type-name");

属性是不能有 “ _ ” 符号的

Answer 2

.attr('data-type_name')

追问

var type_name = .attr("data-type_name"); 有错啊

var type_name = $(this).attr("data-type_name"); 就获取到 undefined

Answer 3

var type_name = $(this).attr("data-type_name");

可以获取的到 我试过了