Значение атрибута Jquery Marge

Question

Я пытаюсь добавить атрибут из атрибута span в href якоря.Он перезаписывает существующий href, т.е. значение callto:.Я хочу, чтобы это добавлялось вот так <a class="phone" href="callto:000-555-6666"></a>.Как я могу это сделать?Спасибо!

HTML

<a class="phone" href="callto:"></a>
<span class="path" phone="000-555-6666">Test</span>

JQuery

jQuery(".path").mousemove(function(e) {
  jQuery(".phone").attr('href', jQuery(this).attr('phone')).attr(jQuery(this).attr('phone'));
});

Answer 1

jQuery(document).ready(function(){
  jQuery(".path").mousemove(function(e) {
     var phone = jQuery(this).attr('phone');
     jQuery(".phone").attr('href','callto:'+phone);
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="phone" href="callto:">Phone Number</a>
<span class="path" phone="000-555-6666">Test</span>

В вопросе у вас нет текста для тега, поэтому вы должны добавить его.а со стороны js вы должны взять текущее значение attr диапазона и добавить его в тег.

Answer 2

Вы заменяете существующее значение.Добавьте «call to:» со значением атрибута phone, а затем установите атрибут href.

jQuery(".path").mousemove(function(e) {
  jQuery(".phone").attr('href',"callto:"+ jQuery(this).attr('phone'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="phone" href="callto:"></a>
<span class="path" phone="000-555-6666">Test</span>

Answer 3

Я не уверен, почему вы слишком усложняете вещи здесь.Просто получите значение атрибута и установите его с помощью функции attr:

jQuery(".path").mousemove(function(e) {
  var phone = $(this).attr('phone');
  jQuery(".phone").attr('href', 'callto:' + phone);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="phone" href="callto:">test</a>
<span class="path" phone="000-555-6666">Test</span>