我在 href 中有两个值，我想一一使用这两个值

布尔哈努丁坦巴瓦拉

我在 href 中有两个值，我想一一使用这两个值。谁能帮助我如何做到这一点？下面我放了我试过的代码。它正在第一步工作。这意味着该值在我第一次单击时设置，但当我第二次单击同一元素时未设置该值。

$(document).ready(function() {
  $('.parent a').click(function() {
    var link = $(this).attr('href');
    var sliptLink = link.split(',');
    var firstLink = sliptLink[0];
    var secondLink = sliptLink[1];
    /* this code execute when parent has class first  */
    if ($(this).parent().hasClass('first')) {
      $(this).attr('href', sliptLink[0]);
      $(this).parent().removeClass('first');
    } else {
      $(this).attr('href', sliptLink[1]);
      console.log(sliptLink[1]);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent first">
  <a href="#123,#321">Link 1</a>
  <a href="#456,#654">Link 3</a>
  <a href="#789,#987">Link 2</a>
</div>

工作室时间

您正在做的是用第一次点击替换 href，因此删除第二个条目 - 考虑使用不同的属性，如 data-href

$(document).ready(function() {
  $('.parent a').click(function() {
    var link = $(this).attr('data-href');
    var sliptLink = link.split(',');
    var firstLink = sliptLink[0];
    var secondLink = sliptLink[1];
    /* this code execute when parent has class first  */
    if ($(this).parent().hasClass('first')) {
      $(this).attr('href', sliptLink[0]);
      $(this).parent().removeClass('first');
    } else {
      $(this).attr('href', sliptLink[1]);
      console.log(sliptLink[1]);
    }
  });
});

/* added for display */
a {
  cursor: pointer;
  text-decoration: underline;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent first">
  <a data-href="#123,#321">Link 1</a>
  <a data-href="#456,#654">Link 3</a>
  <a data-href="#789,#987">Link 2</a>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。