Question

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

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

我的代码：

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

Answer 2

使用find()获取所点击的li

的孩子的链接

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="active lidcat">
  <input type="radio" name="bedno">
  <a class="zoekvalue" href="'.$void.'">Some text</a>
</li>
<li class="active lidcat">
  <input type="radio" name="bedno">
  <a class="zoekvalue" href="'.$void.'">Some texts</a>
</li>
<li class="active lidcat">
  <input type="radio" name="bedno">
  <a class="zoekvalue" href="'.$void.'">Some textss</a>
</li>
<li class="active lidcat">
  <input type="radio" name="bedno">
  <a class="zoekvalue" href="'.$void.'">Some textsss</a>
</li>
<li class="active lidcat">
  <input type="radio" name="bedno">
  <a class="zoekvalue" href="'.$void.'">Some textsss</a>
</li>

＆＃13;

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

2 个答案: