Javascript-форум - Как переместить тег?

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Как переместить тег? (https://javascript.ru/forum/jquery/55619-kak-peremestit-teg.html)

Как переместить тег?

Здравствуйте. Есть html:

<div class="span3">
    .....
  <a class="title" href="/news/part1">Ссылка 1</a>
  <div class="block">
     <span class="news-title">Статья1</span>
  </div>
</div>
<div class="span3">
    .....
  <a class="title" href="/news/part2">Ссылка 2</a>
  <div class="block">
     <span class="news-title">Статья2</span>
  </div>
</div>
<div class="span3">
    .....
  <a class="title" href="/news/part3">Ссылка 3</a>
  <div class="block">
     <span class="news-title">Статья3</span>
  </div>
</div>

Как переместить закрывающийся тег </a> за

<div class="block">
 </div>

чтобы получилось так:

<div class="span3">
    .....
  <a class="title" href="/news/part1">Ссылка 1
  <div class="block">
     <span class="news-title">Статья1</span>
  </div></a>
</div>
<div class="span3">
    .....
  <a class="title" href="/news/part2">Ссылка 2
  <div class="block">
     <span class="news-title">Статья2</span>
  </div></a>
</div>
<div class="span3">
    .....
  <a class="title" href="/news/part3">Ссылка 3
  <div class="block">
     <span class="news-title">Статья3</span>
  </div></a>
</div>

(function() {

Цитата:

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

Как переместить закрывающийся тег </a> за

<div class="block">
 </div>

Не валидно совать блочные элементы в строчные...

Цитата:

Сообщение от ksa (Сообщение 369713)

Не валидно совать блочные элементы в строчные...

Да я знаю:) но надо. Другого варианта нет... Возможно если только

<span class="news-title">Статья(номер)</span>

перенести в тело <a></a> и удалить

<div class="block"></div>

. Но как...

Цитата:

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

Возможно если только

<span class="news-title">Статья(номер)</span>

перенести в тело

<a></a>

и удалить

<div class="block"></div>

Это другое дело. :)
Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.title').each(function(){
		var o=$(this);
		var ob=o.next('.block')
		o.append(ob.children('.news-title'));
		ob.remove();
	});
});
</script>
</head>
<body>
<div class="span3">
	.....
	<a class="title" href="/news/part1">Ссылка 1</a>
	<div class="block">
		<span class="news-title">Статья1</span>
	</div>
</div>
<div class="span3">
	.....
	<a class="title" href="/news/part2">Ссылка 2</a>
	<div class="block">
		<span class="news-title">Статья2</span>
	</div>
</div>
<div class="span3">
	.....
	<a class="title" href="/news/part3">Ссылка 3</a>
	<div class="block">
		<span class="news-title">Статья3</span>
	</div>
</div>
</body>
</html>

ksa,
получилось! Спасибо большое :dance: !

Заходи еще... :)