jQuery - 如何使用与 child 相同的名字使另一个 li 处于事件状态

Question

有我的代码，其中包含 HTML、CSS 和 jQuery 函数。在这里，我想创建一个函数，如果单击元素，它将向当前单击的元素添加事件类。同时，我也想将类添加到另一个具有相同跨度名称的li。
示例:
如果我点击“主题:测试”，“主题:测试2”也会同时激活。
*条件我使用相同的跨度名称

HTML

<li class="items">
    <span name="01">
      Topic : Test       
    </span>
 <li>  
<li class="items">
    <span name="01">
      Topic : Test2       
    </span>
 <li>

<li class="items">
    <span name="02">
      Topic : Test3       
    </span>
 <li>
<li class="items">
    <span name="02">
      Topic : Test4       
    </span>
 <li>

CSS

.active{
   background:blue;
   color:#fff;
}

jQuery 函数

 $(function(){
    $('items').click(function(){
      $('this').addClass(active);
      var getName = $('this').find('span').attr('name');
      var getParent = $('[name="'+getName+'"]').parent('.items').addClass('.active');
  });    
});

Answer 1

您需要使用 $('.items')，而不是 $('items')。此外，$('this') 不正确，您必须改用 $(this)。试试这个:

$(function(){
  $('.items').click(function(){
      $(this).addClass("active");
      var getName = $(this).find('span').attr('name');
     $('span[name='+getName+']').parent().addClass("active");
  });    
});

Here is a working fiddle .