javascript - 多个元素具有相同的类，仅获取单击元素的文本

Question

我想在 anchor 标记内发布一个值，但首先我想在控制台内显示该值以测试它是否有效。我有多个具有相同类的元素，并且我获得了该类的文本，这意味着无论我单击该类的任何元素，它都会显示所有值。

如何确保它只显示单击的元素？

我的代码:

<li class="active lidcat">
    <input type="radio" name="bedno" '.$checked.'>
    <a class="zoekvalue" href="'.$void.'">'.$ledeninfo['title'].'</a>
</li>

$( document ).ready(function() {
  $( ".lidcat" ).click(function() {
    var test = $(".zoekvalue").text();
    console.log(test);
  });
});

我的列表包含以下数据:

Accountancy & Belastingadvies
Afslank en schoonheidsinstituut
Automatisering & ICT
Bakkerij

这是控制台返回的内容:

Accountancy & BelastingadviesAfslank en schoonheidsinstituutAutomatisering & ICTBakkerij

Answer 1

如下更改您的脚本。

$( document ).ready(function() {
  $( ".lidcat" ).click(function() {
    var test = $(this).children(".zoekvalue").text();
    console.log(test);
  });
});

通过点击标签

$( document ).ready(function() {
   $( ".zoekvalue" ).click(function(e) {
      e.preventDefault();
      var test = $(this).text();
      console.log(test);
   });
});