Javascript 获取<；a>；在<；李>；当按钮点击时

您好，我正在构建一个带有自定义评分列表的反馈表，如下所示：

<ul class="star-rating" id="rating">
  <li><a href="#" class="one-star">1</a></li>
  <li><a href="#" class="two-stars" >2</a></li>
  <li><a href="#" class="three-stars">3</a></li>
  <li><a href="#" class="four-stars">4</a></li>
  <li><a href="#" class="five-stars">5</a></li>
</ul>

<a href="#" class="buttonNext btn btn-success">Next</a>

当用户选择并单击评级时，我有一个执行此操作的下一个按钮：

<script>
    $(document).ready(function() {
        $('.buttonNext').addClass('btn btn-success').click(function() {
            var text = $("#rating li a").text();
            alert("Text: " + text);
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.buttonNext'）.addClass（'btn btn success'）。单击（函数（）{
var text=$（“#评级li a”）.text（）；
警报（“文本：+文本”）；
});
});

但在警报中我收到了文本：12345

我做错了什么，没有得到正确的文本

如果用户单击3等，我如何才能获得3

---

任何帮助都将不胜感激

您需要指明所选的评级，例如，所选类别

$('#rating li').click(function() {
   $(this).addClass('selected').siblings().removeClass('selected');
   return false;
});

然后，您将能够使用

$('#rating li.selected a').text();

---

您需要指明所选的等级，例如，所选类别

$('#rating li').click(function() {
   $(this).addClass('selected').siblings().removeClass('selected');
   return false;
});

然后，您将能够使用

$('#rating li.selected a').text();

试一试

$（文档）.ready（函数（）{
$（'ul#rating li a'）。单击（函数（）{
$（'ul li a'）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
$（'.buttonNext'）.addClass（'btn btn success'）。单击（函数（）{
var text=$（“#评级li a.active”）.text（）；
警报（“文本：+文本”）；
});
});








提交
试试看


$（文档）.ready（函数（）{
$（'ul#rating li a'）。单击（函数（）{
$（'ul li a'）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
$（'.buttonNext'）.addClass（'btn btn success'）。单击（函数（）{
var text=$（“#评级li a.active”）.text（）；
警报（“文本：+文本”）；
});
});








提交
元素
$（'.buttonNext'）
在哪里？
$（“#评级li a”）
是问题所在。此选择器将选择所有
li
元素中的所有
a
元素。这就是为什么你会得到所有的值。我如何解决这个问题？即使我把#rating li放进去，它也会得到所有的元素。这里有$（'.buttonNext'）元素吗？(2). 您没有对此作出响应。是否使用任何插件？
$（'.buttonNext'）
元素在哪里？
$（“#评级li a”）
是问题所在。此选择器将选择所有
li
元素中的所有
a
元素。这就是为什么你会得到所有的值。我如何解决这个问题？即使我把#rating li放进去，它也会得到所有的元素。这里有$（'.buttonNext'）元素吗？(2). 您没有对此作出响应。您是否使用插件？第一部分我应该在哪里放置它？@BRG在您的代码所在的位置，文档准备就绪。第一部分我应该在哪里放置它？@BRG在您的代码所在的位置，文档准备就绪。