How to get Elements from a custom attribute in Javascript?

Question

I want to extract the text value with javaScript from this below HTML:

<div class="search-box-compact__label text-color-secondary">
   <span data-bind="i18n: 'search.keyword-label'">Find Jobs</span>
</div>

I have tried this but its not working. Kindly suggest a solution:

  let y = document.querySelectorAll("[data-bind=`i18n: 'search.keyword-label'`]");

I am getting the following errors::

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '[data-bind=`i18n: 'search.keyword-label'`]' is not a valid selector.

Kindly suggest.

Simone Rossaini · Accepted Answer · 2021-04-26 16:07:18Z

3

You need to escape ', i used " too

let y = document.querySelectorAll("[data-bind=\"i18n: \'search.keyword-label\'\"]");
console.log(y);

<div class="search-box-compact__label text-color-secondary">
   <span data-bind="i18n: 'search.keyword-label'">Find Jobs</span>
</div>

answered Apr 26, 2021 at 16:07

Simone Rossaini

8,1461 gold badge16 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1