Как проверить элемент на существование по тексту?

Question

[Сергей Кирьянов]

HTML имеет такую структуру:

<div class="field">
   <div class="name">some name 1</div>
   <div class="somclass1">...</div>
</div>
<div class="field">
   <div class="name">some name 2</div>
   <div class="somclass2">...</div>
</div>
<div class="field">
   <div class="name">some name 3</div>
   <div class="somclass3">...</div>
</div>

Как я могу проверить на существование "some name 1" (значение дива name) и если оно существует то поставить style="visibility: hidden" классу field, в котором находится some name 1? Прошу помочь с реализацией...

Comments

[Модератор]

Тостер формулировка заголовка вопроса правильным русским языком, как?

Answer 1

[0xD34F]

Где, кто и что:

const containerSelector = '.field';
const textSelector = '.name';
const text = 'some name 1';

Скрываем:

document.querySelectorAll(`${containerSelector} ${textSelector}`).forEach(n => {
  if (n.innerText.indexOf(text) !== -1) {
    n.closest(containerSelector).style.visibility = 'hidden';
  }
});

или

.hidden {
  visibility: hidden;
}

for (const n of document.querySelectorAll(containerSelector)) {
  n.classList.toggle('hidden', n.querySelector(textSelector).textContent.includes(text));
}

Answer 2

[Somewhere Intech]

Извиняюсь, не правильно понял вопрос..

$("div.name:contains('some name 1')").each(function(i){
   $(this).parent().css("visibility", "hidden");
});

Comments

[Сергей Кирьянов]

Ваш предыдущий вариант был верный)

[Somewhere Intech]

Сергей Кирьянов, вернул старое решение

Answer 3

[Андрей]

Попробуйте так. В синтаксисе Jquery не силен, но логика примерно такая.

var name = $('.name');
if (name.text() == '') {
    name.parent().css({ visibility: hidden });
}