Как убрать элемент с определенным текстом с помошью JS?

1951 просмотров Alan_Writer 09.09.2014

В общем после того как я столкнулся с этим вопросом и смог решить его, выложу теперь ответ здесь, для тех кто возможно так-же с ним столкнется. Суть короче в том что в юкоз, когда вставляешь какой-то элемент при помощи стандартных кодов юкоз (в моем случае это были переключатели) то элементы там не все имеют атрибуты, с помощью которых можно было бы убрать не нужные из них (точнее скрыть через стили). И вот в переключателях как-раз были такие элементы - кнопки "«" и "»", то есть стрелки. Мне эти стрелки нужно было убрать, но они были заключены в элементах у которых не было никаких атрибутов, то есть в исходном коде они выглядели так:
Код
<a class="swchItem" href="javascript://" onclick="spages('1');return false;">
<span>«</span>
</a>

То есть у родительского элемента a есть class="swchItem", но если скрыть его - то скроются все переключатели, а не только стрелки, поэтому единственный вариант было как-то убрать именно элемент span при условии что в нем есть стрелка.

Я знал что это можно сделать при помощи JS, но не знал как. А потом вспомнил про один сайт где эти стрелки были не убраны, но к ним добавлялся определенный атрибут, и поскольку принцип один и тот-же (если скрипт мог добавить атрибут, то его легко переделать так чтоб он добавлял определенный стиль и скрывал этот элемент) - поэтому я взял его и переделал под свои нужды.

Вот так выглядит скрипт, который скрывает стрелки в переключателях:
Код
<script>
$(document).ready(function(){
$(".swchItem").each(function(index){
if( $(this).children('span').text()=="«") {$(this).css({'display':'none'});}
if( $(this).children('span').text()=="»") {$(this).css({'display':'none'});}
});
});
</script>

То есть он ищет в дочернем элементе (span) блока с атрибутом swchItem текст "«" или "»", и если находит - то скрывает родительский элемент (элемент а с атрибутом swchItem).

Теги: элемент, js, Скрыть, текст, юкоз
0 Комментариев