Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   обернуть текст в ссылку (https://javascript.ru/forum/jquery/76872-obernut-tekst-v-ssylku.html)

face2005 22.02.2019 20:14

обернуть текст в ссылку
 
Добрый вечер, ребята!
как обернуть текст в ссылку?
пример, есть ссылка
<div class="wpgmp_location_title">
<a href="javascript:void(0);" class="place_title" data-zoom="5" data-marker="5"> Hotel</a>
</div>

и есть блок
<div class="adrrMapBox">Москва, Новинский бульвар, 8/2</div>


можно как-то содержимое блока adrrMapBox обернуть такой же ссылкой, со всеми атрибутами?

рони 22.02.2019 20:24

face2005,
$('.adrrMapBox').html(function(i,v){
        return $(".place_title").clone().text(v);
});

face2005 22.02.2019 20:42

что-то не хочет...
структура полная такая
<div class="wpgmp_locations">
    <div class="wpgmp_locations_head">
        <div class="wpgmp_location_title">
           <a href="javascript:void(0);" class="place_title" data-zoom="5" data-marker="5">Aldo Coppola Lotte Hotel</a>
        </div>
    </div>
    <div class="wpgmp_locations_content">
        <div class="adrrMapBox">Москва, Новинский бульвар, 8/2</div>
    </div>
</div>


и таких блоков несколько с разными ссылками

рони 22.02.2019 21:20

face2005,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$( ".wpgmp_locations" ).each(function(i, el) {
$('.adrrMapBox', el).html(function(i,v){
        return $(".place_title", el).clone().text(v);;
});
	});
});
  </script>
</head>

<body>

<div class="wpgmp_locations">
    <div class="wpgmp_locations_head">
        <div class="wpgmp_location_title">
           <a href="javascript:void(0);" class="place_title" data-zoom="5" data-marker="5">Aldo Coppola Lotte Hotel</a>
        </div>
    </div>
    <div class="wpgmp_locations_content">
        <div class="adrrMapBox">Москва, Новинский бульвар, 8/2</div>
    </div>
</div>

<div class="wpgmp_locations">
    <div class="wpgmp_locations_head">
        <div class="wpgmp_location_title">
           <a href="javascript:void(0);" class="place_title" data-zoom="5" data-marker="5">Aldo Coppola Lotte Hotel</a>
        </div>
    </div>
    <div class="wpgmp_locations_content">
        <div class="adrrMapBox">Москва, Новинский бульвар, 8/2</div>
    </div>
</div>


</body>
</html>

face2005 23.02.2019 11:19

Цитата:

Сообщение от рони (Сообщение 503953)
face2005,


<script>
$(function() {
$( ".wpgmp_locations" ).each(function(i, el) {
$('.adrrMapBox', el).html(function(i,v){
return $(".place_title", el).clone().text(v);;
});
});
});
</script>

Спасибо большое!


Часовой пояс GMT +3, время: 17:34.