主页 / 问题 / 1357467
Accepted
hibinyru
Asked:2022-05-05 23:06:03 +0000 UTC2022-05-05 23:06:03 +0000 UTC

单击父级时添加和删除 id

  • 772

我不知道如何添加/删除id="xxx"到标签上点击父使用 jquery

编码：

<span id="departure">
  <a href="javascript:void(0);" class="selector">
    <span class="selector-left">Отправление</span>
  </a>
</span>

<span id="arrival">
  <a href="javascript:void(0);" class="selector">
    <span class="selector-right" id="selector-right-2">Прибытие</span>
  </a>
</span>

一个任务：

$("#departure").click(function()
   {
   удалить у $("#arrival") id="selector-right-2" // <span class="selector-right" id="selector-right-2">Прибытие</span> 
   вставить $("#departure") id="selector-left-2" // <span class="selector-left" id="selector-left-2">Отправление</span>

   });
jquery

1 个回答

  1. Best Answer

    可以这样吗

    UPD：已修复

    /*$("#departure").click(function() { 
  $(this).attr({id:"selector-left-2"});
  console.log($(this).attr('id'))
});
$("#arrival").click(function() {
  $(this).removeAttr('id'); 
  console.log($(this).attr('id'))
});*/

$("#departure").click(function() { 
  $('.selector-left').attr({id:"selector-left-2"});
  $('#selector-right-2').removeAttr('id'); 
  console.log($('.selector-left').attr('id'), $('#selector-right-2').attr('id'))
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span id="departure">
  <a href="javascript:void(0);" class="selector">
    <span class="selector-left">Отправление</span>
  </a>
</span>

<span id="arrival">
  <a href="javascript:void(0);" class="selector">
    <span class="selector-right" id="selector-right-2">Прибытие</span>
  </a>
</span>

    • 2

相关问题