Транспортир получает div по заголовку, который содержит пробелы
Я пытаюсь нажать кнопку на панели инструментов. Я хочу найти этот элемент по названию.
Элемент:
<div class = "dhx_toolbar_btn dhxtoolbar_btn_def" title = "Create New Index">
<img src = "/public/images/toolbar/add.png">
</div>
Я не могу получить название, потому что в нем есть пробелы. Я могу получить заголовок, если уберу пробелы. Но я не могу удалить пробелы, как мне получить этот элемент?
Код для получения:
$$('.dhxtoolbar_float_left').get(0).$('div[title=Create New Index]').click();
Ошибка:
Failed: invalid selector: An invalid or illegal selector was specified
Если вы используете значение атрибута предиката с пробелами, вам нужно добавить кавычки: [title = "Create New Index"]. Я не знаю, почему @Murthi удалил ответ, поскольку он кажется правильным ...
@Sundaze Пока вы задаете вопрос, рассмотрите возможность предоставления точный HTML как есть и упоминания в качестве дополнительной информации: I can get the title if I remove the whitespaces. Позвольте волонтерам работать с необработанной информацией / данными.
@Andersson Это решение, спасибо большое!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете заключить его в кавычки, если у значения есть пробелы, как указано ниже.
$$('.dhxtoolbar_float_left').get(0).$('div[title = "Create New Index"]').click();
Я обнаружил, что в нем отсутствуют цитаты, поэтому ответил. только sundaze может подтвердить мой ответ. Как выполнить проверку без полной HTML-страницы?
@Pete, в ссылке класс родительского элемента другой. откуда ты? <div class = "dhx_toolbar_btn dhxtoolbar_btn_def"> <div class = "dhx_toolbar_btn dhxtoolbar_btn_def" title = "Создать новый индекс"> <img src = "/ public / images / toolbar / add.png"> тест должен быть красным </div> </div>
@Pete Это div панели инструментов, внутри которого находятся все кнопки div: <div class = "dhxtoolbar_float_left"> <div class = "dhx_toolbar_btn dhxtoolbar_btn_def" title = "Создать новый индекс"> <img src = "/ public / images / toolbar /add.png "> </div> </div>