Question

我有一个包含字体真棒图标的范围，我试图让jquery检测到它的点击次数，但它似乎并没有起作用。有可能吗？

<span style='margin-right: 20px;'><i name='remove' value='" + groupList[i] + "' class='fa fa-times-circle-o' style='color: #337ab7;'> </i> " + groupList[i] + "</span>

$("[name=remove]").click(function() {
  alert($(this).value());
});

Answer 1

您的点击处理程序有效，但value()不是函数。您应该致电$.val()或value。它不会返回任何内容，因为i标记没有value，但点击处理程序会触发alert()窗口，并且选择器触发是您的目标。

$("[name=remove]").click(function() {
  alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span style='margin-right: 20px;'><i name='remove' value='" + groupList[i] + "' class='fa fa-times-circle-o' style='color: #337ab7;'> </i> " + groupList[i] + "</span>

我猜你想提醒的是这个而不是

alert($(this).parent().text());

$("[name=remove]").click(function() {
  alert($(this).parent().text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span style='margin-right: 20px;'><i name='remove' value='" + groupList[i] + "' class='fa fa-times-circle-o' style='color: #337ab7;'> </i> " + groupList[i] + "</span>

此外，如果此内容是在客户端呈现的，则需要使用$(document).on('click', "[name=remove]", function() {...})代替$("[name=remove]").click(function() {...})

Jquery点击span还是<i>？

1 个答案: