Как ограничить изменения css кода в javacript?

Question

[zeni1agent]

у меня есть вот такой код

<script>
jQuery('document').ready(function(){
$('a:contains("test")').css('color', 'red');
});
</script>
<span class='primer1'>
<a>For fkr jnfmd</a>
<a>test ped</a>
 </span>
<span class='primer2'>
 <a>Gost red</a>
  <a>test red</a>
 </span>

И мне нужно покрасить только те теги в которых есть слово test и
они обернуты в span с классом primer1

Answer 1

[Stalker_RED]

$('span.primer1 a:contains("test")')...

Answer 2

[Олег]

// регулярное выражение для поиска слова test
var regexp=/test/i;
// переменная, куда будем сохранять текст из найденного блока
var text_content;
$(document).ready(function(){
   // ищем все блоки с классом .primer1
   $("span.primer1").children().each(function(){
     // забираем в переменную текстовое содержимое блока
     text_content=$(this).text();
     // проводим проверку на первое совпадение методом variable.search(regexp)
     if(text_content.search(regexp) !==-1){
        // и если результат не "минус 1" то красим ваш блок
        $(this).css("background-color","red");
     }
   })
})

Comments

[Андрей]

Лучше использовать indexOf, он будет быстрее регулярки. И вместо .text() можно использовать el.textContent || el.innerText

[Олег]

Андрей, jQuery желают же
ну да, indexOf быстрее регулярного https://habr.com/post/68282/