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

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

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

我的代码：

<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 & BelastingadviesAfslank en schoonheidsinstituutAutomatisering & ICTBakkerij

---

按如下所示更改脚本

$( 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);
   });
});

---

按如下所示更改脚本

$( 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);
   });
});

使用

find（）


$（文档）.ready（函数（）{
$（“.lidcat”）。单击（函数（）{
var test=$（this.find（“.zoekvalue”）.text（）；
控制台日志（测试）；
});
});










使用
find（）
获取所单击的
li的子链接


$（文档）.ready（函数（）{
$（“.lidcat”）。单击（函数（）{
var test=$（this.find（“.zoekvalue”）.text（）；
控制台日志（测试）；
});
});










var test=$（this）.text（）@JohnR它还会得到链接的文本吗？如果我没弄错的话，
这个
指向它返回的
li
@JohnRnothing@Swellar是的，它指向
li
@twan检查此项。
var test=$（this）.text（）@JohnR它还会得到链接的文本吗？如果我没弄错的话，
这个
指向它返回的
li
@JohnRnothing@Swellar是的，它指向
li
@twan检查一下。这很有效，谢谢！这不会给用ajax发布到php脚本带来任何问题吗？不会，不会。使用标签点击事件此项功能有效，谢谢！这不会给用ajax发布到php脚本带来任何问题吗？不会，不会。使用标记单击事件