Нахождение нужного <template> по заголовку из JSONa

175
25 июня 2019, 07:00

На странице очень много элементов . Я получаю json и нужно найти темплейт в котором есть заголовок, который равен заголовку из jsonа и затем извлечь все содержимое этого темплейта. Но, честно говоря, у меня пока ни одной идеи как это сделать. Можно это сделать и если да то как?

все темплейты подобные этому

<template class="templ1">
    <div>
        <label>Label 1</label>
    </div>
</template>

json содержит стрингу "Label 1|Label 2|Label 3" которую я сплитую по "|" и записываю в массив, и поиск происходит по каждому элементу (к примеру "Label 1")

Answer 1

Самый незамороченный вариант

const findTemplate = str => { 
  // можно вынести из функции 
  const templates = [...document.querySelectorAll('template')]; 
  return templates.find(t => t.innerHTML.includes(str)); 
} 
 
console.log(findTemplate('Label 2'));
<template class="templ1"> 
    <div> 
        <label>Label 1</label> 
    </div> 
</template> 
<template class="templ2"> 
    <div> 
        <label>Label 2</label> 
    </div> 
</template> 
<template class="templ3"> 
    <div> 
        <label>Label 3</label> 
    </div> 
</template> 
<template class="templ4"> 
    <div> 
        <label>Label 4</label> 
    </div> 
</template>

READ ALSO
Можете показать где levels в xml файле? И root element

Можете показать где levels в xml файле? И root element

Вот в пример нашел такой вот xml, мог бы показать где в нем levels, а где root element?

160
Проблема центровки блока

Проблема центровки блока

Подскажите, почему на разных пк, блок на сайте отцентрирован по разному? Те у меня блок находится по центру, но допустим я делаю скриншот страницы(с...

151
JQuery validate | submitHandler

JQuery validate | submitHandler

Есть некая форма, которая проверяется jquery Validate, но дело в том, что отправка происходит только по второму кликуНасколько понимаю по первому...

168
Две кнопки на сайте

Две кнопки на сайте

Все доброе время суток Возник такой вопрос - на сайте есть кнопка

148