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

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 = `${containerSelector} .name`;
const text = 'some name 1';

Скрываем элемент, если текстовое содержимое точно совпадает с указанной строкой:

for (const n of document.querySelectorAll(textSelector)) {
  if (n.innerText === text) {
    n.closest(containerSelector).style.visibility = 'hidden';
  }
}

Или, скрываем в случае частичного совпадения без учёта регистра:

.hidden {
  visibility: hidden;
}

document.querySelectorAll(containerSelector).forEach(function(n) {
  n.classList.toggle('hidden', this(n.querySelector(textSelector).textContent));
}, RegExp.prototype.test.bind(RegExp(text, 'i')));

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 });
}