[英]How can get the text enclosed by a span tag and save it to a hidden input value when I click the span?
[英]How do I get a selected list items value from a click event on a span tag?
我有一个项目列表,上面附加了一个删除图标,例如:
$.each(data.files, function() {
$('#listReports').append('<li><a href="#">'+ this + '</a><span class="del" style="float:right;"><i class="icon-remove"></i></span></li>');
});
CSS文件:
li span.del {
display: none;
}
li:hover span.del {
display: inline-block;
}
jQuery代码:
$('li').hover(
function() {
$(this).find('span.del').show();
},
function() {
$(this).find('span.del').hide();
}
);
如果用户单击del图标,如何选择列表项的值?
假设您动态添加列表项,并且还假设列表项值是<a>
标记包含的文本。 如果是这样,那么下面的代码应该可以完成工作。
$("#listReports").on("click", ".del", function() {
var value = $(this).siblings("a").text();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.