Форум

face2005 · #1 (**permalink**) 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 обернуть такой же ссылкой, со всеми атрибутами?

рони · #2 (**permalink**) 22.02.2019, 20:24

face2005,

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

face2005 · #3 (**permalink**) 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>

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

рони · #4 (**permalink**) 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 · #5 (**permalink**) 23.02.2019, 11:19

Сообщение от рони

face2005,

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

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

Форум

Справочник

Discord чат

Курсы javascript