Форум

Sakyra · #1 (**permalink**) 31.01.2014, 19:07

Добрый вечер, помогите что дописать в коде что бы он распространялся на все классы? а не только на первый

(html)

<div class="content">
<p id="brtest">Тест текст 1<br> бла бла бла<br><br></p>
<p id="brtest">Тест текст 2<br> бла бла бла<br><br></p>
<p id="brtest">Тест текст 3<br> бла бла бла<br><br></p>
</div>

(js)

<script type="text/javascript"> 
var str = $('#brtest').html();
$('#brtest').html(str.split('<br>')[0]);
</script>

он делает все правильно но только применяется к первому тегу <P>
Тест текст 1
Тест текст 2 бла бла бла
Тест текст 3 бла бла бла

ksa · #2 (**permalink**) 31.01.2014, 19:10

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

что дописать в коде что бы он распространялся на все классы?

У тебя нет классов. Сделай их и будет тебе счастие...

Sakyra · #3 (**permalink**) 31.01.2014, 19:15

ksa,
спасибо сделал так?

<div class="content">
<p class="brtest">Тест текст 1<br> бла бла бла<br><br></p>
<p class="brtest">Тест текст 2<br> бла бла бла<br><br></p>
<p class="brtest">Тест текст 3<br> бла бла бла<br><br></p>
</div>

<script type="text/javascript"> 
var str = $('.brtest').html();
$('.brtest').html(str.split('<br>')[0]);
</script>

После загрузки страницы везде вставляется
Тест текст 1
Тест текст 1
Тест текст 1

извиняюсь может я не так поняла вас?

ksa · #4 (**permalink**) 31.01.2014, 19:22

Sakyra, ты не все бездумно меняй.

Что ты вообще хочешь получить в итоге?

Sakyra · #5 (**permalink**) 31.01.2014, 19:24

ksa,
Пытаюсь добиться такого плана после обработки скриптом

Тест текст 1
Тест текст 2
Тест текст 3

Оригинал:
Тест текст 1 бла бла бла
Тест текст 2 бла бла бла
Тест текст 3 бла бла бла

Каждый класс brtest имеет свой текст, и в каждом имеется <br> вот мне надо во всех них убрать все что там есть после <br>

ksa · #6 (**permalink**) 31.01.2014, 19:27

Sakyra, как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="content">
	<p class="brtest">Тест текст 1<br> бла бла бла<br><br></p>
	<p class="brtest">Тест текст 2<br> бла бла бла<br><br></p>
	<p class="brtest">Тест текст 3<br> бла бла бла<br><br></p>
</div>
<script type="text/javascript">
$('.brtest').each(function (){
	this.innerHTML=this.innerHTML.replace(/<br>[\s\S]+$/,'');
});
</script>
</body>
</html>

Sakyra · #7 (**permalink**) 31.01.2014, 19:34

ksa,
все работает спасибо большое вы меня очень выручили!

danik.js · #8 (**permalink**) 01.02.2014, 04:04

<style>
    .brtest br{
        display: none;
    }
</style>
<div class="content">
<p class="brtest">Тест текст 1<br> бла бла бла<br><br></p>
<p class="brtest">Тест текст 2<br> бла бла бла<br><br></p>
<p class="brtest">Тест текст 3<br> бла бла бла<br><br></p>
</div>

А вобще - это все жуткие костыли. Правильным будет очистка от лишних тегов исходных текстов.

kostyanet · #9 (**permalink**) 01.02.2014, 23:27

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

Каждый класс brtest имеет свой текст, и в каждом имеется <br>

Это надо на рабочем месте смотреть кто кого имеет. То есть подойти и убедиться что кодер опух.

Форум

Справочник

Discord чат

Курсы javascript