jQuery: найти ближайший элемент к селектору «*: contains ('text')»

Question

jQuery: найти ближайший элемент к селектору «*: contains ('text')»

0

Основываясь на этом вопросе jQuery: почему: содержит селекторный возврат undefined? , он просто возвращает <html> который содержит текст и все остальное между ними.

Я использую селектор подстановочных знаков, потому что я не знаю, как выглядит ближайший родитель, содержащий текст. Как найти ближайший элемент, содержащий текст? Я использую :contains селектор, так что я могу найти элемент с текстовыми и дочерними текстовыми узлами при подведении итогов в соответствии с значением в :contains аргумент.

Html:

<ul>
    <li class="youarehere"><a id="nav-questions" href="/questions">Questions</a></li>
    <li><a id="nav-tags" href="/tags">Tags</a></li>
    <li><a id="nav-users" href="/users">Users</a></li>
    <li><a id="nav-badges" href="/help/badges">Badges</a></li>
    <li><a id="nav-unanswered" href="/unanswered">Unanswered</a></li>
</ul>

Ожидаемый: $("*:contains('Questions Tags Users Badges Unanswered')") который возвращает <ul>, ближайший родитель, который содержит весь текст вместо <html>.

KJW 11 янв. 2014, в 22:27

Источник

1

Можете ли вы показать нам фактический HTML?
Alejandro Iván 11 янв. 2014, в 20:49
0

Это странная строка , чтобы соответствовать, и с помощью :contains селектор псевдо селектором , который выбирает каждый элемент в DOM кажется ужасной идеей.
adeneo 11 янв. 2014, в 20:56
0

Кроме того, если на предыдущий вопрос не было ответа, почему вы приняли ответ? Вы видели скрипку, которую я опубликовал в своем предыдущем вопросе задолго до того, как был опубликован нерабочий ответ?
adeneo 11 янв. 2014, в 20:58
0

jsfiddle.net/uWdDz/1
adeneo 11 янв. 2014, в 20:59
0

@adeneo: когда я пробую html <div id="some">te<b>st</b></div> и ищу test строки, он не работает. насколько я понимаю, выполнение div:contains("test") вернет этот div, но я заранее не знаю, каким будет этот тег, поэтому я использую *. Это, к сожалению, возвращает весь документ, когда мне нужен ближайший родитель, содержащий текст, даже если его часть принадлежит его потомкам.
KJW 11 янв. 2014, в 21:45
0

@adeneo, я отменял согласие в этом предыдущем вопросе, если кто-то хочет добавить лучший ответ.
KJW 11 янв. 2014, в 21:48

Показать ещё 4 комментария

Теги:

jquery

1 ответ

Ещё вопросы

Можете ли вы показать нам фактический HTML?
Это странная строка , чтобы соответствовать, и с помощью :contains селектор псевдо селектором , который выбирает каждый элемент в DOM кажется ужасной идеей.
Кроме того, если на предыдущий вопрос не было ответа, почему вы приняли ответ? Вы видели скрипку, которую я опубликовал в своем предыдущем вопросе задолго до того, как был опубликован нерабочий ответ?
@adeneo: когда я пробую html <div id="some">te<b>st</b></div> и ищу test строки, он не работает. насколько я понимаю, выполнение div:contains("test") вернет этот div, но я заранее не знаю, каким будет этот тег, поэтому я использую *. Это, к сожалению, возвращает весь документ, когда мне нужен ближайший родитель, содержащий текст, даже если его часть принадлежит его потомкам.
@adeneo, я отменял согласие в этом предыдущем вопросе, если кто-то хочет добавить лучший ответ.

c-smile · Answer 1 · 2014-01-11T18-04-00.000Z

Если вам нужен ближайший родитель, вам нужно использовать правильный метод select:

var parent = $(this).closest(":contains('Questions Tags Users Badges Unanswered'"));

Я запустил это на текущей странице stackoverflow, var parent = $(this).closest(":contains('Questions Tags Users Badges Unanswered')"); возвращает неопределенное. var parent = $(this).closest(":contains('Unanswered')"); также возвращает неопределенное.
@KimJongWoo Какое значение this вы передаете там? И все же метод closest() в jQuery всегда возвращает объект-обертку jQuery. undefined указывает, что у вас есть ошибки в другом месте, проверьте код.