单击div时如何将类添加到div内的span？

Question

我需要在单击div时在div内添加一个类。 我有很多具有相同类名的div和span

$('.menu_item_conteiner').click(function() {
$('.menu_item_conteiner').removeClass("tab_selected");
  $(this).addClass('tab_selected');

  // This add a class to the last span and not the one is inside of the clicked div.
  // $(".menu_item_conteiner span:last").addClass("show_element");

});

HTML

 <span class="menu_item_conteiner">
   <span class="menu_item">
     Text
  </span>
  <span class="menu_imagen_icon">
  </span>
</span> 

Answer 1

以下是您的任务代码：

$('.menu_item_conteiner').click(function() {
   $('span.menu_item').removeClass('yourClassName');
   $(this).find('span.menu_item').addClass('yourClassName');
}

Answer 2

我就是这样做的：

$('.menu_item_conteiner').click(function() {
   var d = document.getElementById("span");
   d.className = d.className + " otherclass";
}

或：

$('.menu_item_conteiner').click(function() {
   var d = document.getElementById("span");
   d.addClass( 'some_other_class' );
}

这会将类添加到名为span的范围。