waitForKeyElements, используемый с .click()

Question

Я использую этот скрипт, который работает на сайте, но я хотел его изменить для другого использования. Можно ли использовать функцию waitForKeyElements для поиска текста на странице (а не текста в ссылке)?

Вот div:

<div id="action_pane" style="text-align: center;">You have run out of turns 

После того, как этот текст "Вы исчерпали поворотами." появляется, я хочу, чтобы функция click щелкнула ссылку, содержащую текст, который отличается от текста, найденного в $action_pane. Я не могу использовать это, поскольку этот текст появляется только тогда, когда он не работает. Я хочу вызвать щелчок по ссылке, содержащей текст «Начать снова». Эта ссылка всегда существует, поэтому я пытаюсь ее обойти или просто использовать рабочий скрипт.

Вот рабочий сценарий, который я хочу изменить:

function clickit (jNode) { 
    var clickEvent = document.createEvent ('MouseEvents'); 
    clickEvent.initEvent ('click', true, true); 
    jNode[0].dispatchEvent (clickEvent); 
} 

waitForKeyElements (
    "a:contains('Restart')", 
    clickit 
); 

Это моя версия, которая не работает:

function clickit() { 
    $("a:contains('Start Again')").click(); 
} 

waitForKeyElements (
    "a:contains('You have run out of turns.')", 
    clickit 
); 

Answer 1

Использование innerHTML из DOM элемента не лучший способ для сохранения состояния вашей системы. Если бы я был вами, я бы взял совсем другой подход.

В вашей игре, когда вы находитесь вне очереди, вы хотите отобразить текст «У вас закончился поворот» И начать снова. Так сформулируйте это прямо (а не косвенно).

function takeTurn() { 
    turnsLeft -= 1; 
    if (turnsLeft <= 0) { 
    showGameOverMessage(); 
    startAgain(); 
    } 
} 

Это значительно упростит ваш код.

startAgain может быть запущен на клике пользователя или просто вызван из вашей прикладной логики. Сделайте операцию первоклассным гражданином, а не взаимодействием с пользователем или побочными эффектами.

Answer 2

У вас есть следующие строки в коде:

waitForKeyElements (
    "a:contains('You have run out of turns.')", 
    clickit 
); 

Но раньше вы сказали, что элемент, который вы смотрите это:

<div id="action_pane" style="text-align: center;">You have run out of turns 

Это div, не a элемент. Поэтому ваш селектор должен быть изменен на div:contains('You have run out of turns').