Выбор дочернего узла по внутреннему тексту из списка узлов

Я думаю, что этот подход должен привести вас к решению. Предоставление вашего HTML

<div id="search_filters">
 <section class="facet clearfix"><p>something</p><ul>...</ul></section>
 <section class="facet clearfix"><p>something1</p><ul>...</ul></section>
 <section class="facet clearfix"><p>something2</p><ul>...</ul></section>
 <section class="facet clearfix"><p>something3</p><ul>...</ul></section>
 <section class="facet clearfix"><p>something4</p><ul>...</ul></section>
</div>

Я бы написал это js

const needle = "something3";
const selection = document.querySelectorAll('section.facet.clearfix');
let i = -1;

console.info("SELECTION", selection);
let targetIndex;
while(++i < selection.length){
  if(selection[i].innerHTML.indexOf(needle) > -1){
    targetIndex = i;
  }
}
console.info("targetIndex", targetIndex);
console.info("TARGET", selection[targetIndex]);

Затем вы можете играть и менять местами элементы, не удаляя их из DOM.

PS. Поскольку вы знаете классы CSS для элементов, вам не нужно использовать селектор ^* (начать с). Я также улучшил это.

ЧАСТЬ 2: упорядочивание дочерних элементов li на основе содержания

const ul = selection[targetIndex].querySelector("ul"); // Find the <ul>
const lis = ul.querySelectorAll("li"); // Find all the <li>
const sortOrder = ['text2', 'text1', 'text4', 'text3'];
i = -1; // We already declared this above
while(++i < sortOrder.length){
    const li = [...lis].find((li) => li.innerHTML.indexOf(sortOrder[i]) > -1);
    !!li && ul.appendChild(li);
}

Это переместит нужные вам элементы (только те, которые перечислены в sortOrder) в нужном вам порядке, исходя из содержимого и позиции в sortOrder.

Codepen здесь

Чтобы использовать функцию более высокого порядка, такую ​​​​как фильтр, в вашем списке узлов, вы должны изменить ее на массив. Вы можете сделать это, уничтожив:

var select = document.querySelectorAll('section[class^="facet clearfix"]');

const filtered = [...select].filter(section => section.children[0].innerText == "something3")

Этот ответ лучше объясняет стоящую за ним магию.

Вы можете отфильтровать этот список как:

• DOM-элементы:

Array.from(document.querySelectorAll('section[class^="facet clearfix"]')).filter(_ => _.querySelector('p').innerText === "something3")

• HTML-строки:

Array.from(document.querySelectorAll('section[class^="facet clearfix"]')).filter(_ => _.querySelector('p').innerText === "something3").map(_ => _.outerHTML)

:)