Форум

Aleksanderj · #1 (**permalink**) 07.05.2015, 05:26

Здравствуйте. Есть 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() {

ksa · #2 (**permalink**) 07.05.2015, 08:37

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

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

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

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

Aleksanderj · #3 (**permalink**) 07.05.2015, 08:53

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

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

Да я знаю

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

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

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

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

. Но как...

ksa · #4 (**permalink**) 07.05.2015, 09:34

Сообщение от 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>

Aleksanderj · #5 (**permalink**) 07.05.2015, 09:52

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

!

ksa · #6 (**permalink**) 07.05.2015, 09:55

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

Форум

Справочник

Discord чат

Курсы javascript