Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   удаление после <br> во всех классах (https://javascript.ru/forum/dom-window/44752-udalenie-posle-br-vo-vsekh-klassakh.html)

Sakyra 31.01.2014 19:07
удаление после <br> во всех классах
 
Добрый вечер, помогите что дописать в коде что бы он распространялся на все классы? а не только на первый

(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 31.01.2014 19:10
Цитата:
Сообщение от Sakyra
что дописать в коде что бы он распространялся на все классы?
У тебя нет классов. Сделай их и будет тебе счастие...

Sakyra 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 31.01.2014 19:22
Sakyra, ты не все бездумно меняй. :)

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

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

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

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

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

ksa 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 31.01.2014 19:34
ksa,
все работает спасибо большое вы меня очень выручили!

danik.js 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 01.02.2014 23:27
Цитата:
Сообщение от Sakyra
Каждый класс brtest имеет свой текст, и в каждом имеется <br>

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


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