JavaScript Selector: найти узлы, которые содержат потомок с определенным атрибутом

Question

Можно ли использовать селектор Javascript, чтобы найти узлы, которые содержат потомок с определенным атрибутом

Например, я хочу, чтобы удалить все не-на-продажу товаров от тока страница:

var notPriceSales = document.querySelectorAll 
    ("body div.contentArea>div.right ul>li span:not(.priceSale)") 

найдет цены этикетку с не-на-продажи продукции, но я хочу, чтобы найти Ли, который имеет потомка: продолжительность: нет (.priceSale)

так, то я могу удалить все не продаваемые товары:

Array.prototype.forEach.call(notpriceSales, function(node) { 
    node.parentNode.removeChild(node); 
}); 

Как использовать селектор для выбора узлов, у которых потоки потомков имеют какое-то особое свойство?

Благодаря

Answer 1

Хотя, безусловно, выполнимо в ванили JS, это на самом деле очень проста в JQuery.

Во-первых, поскольку я не вижу вашу структуру HTML, и я могу только получить обоснованное предположение от селектора в вашем вопросе, я просто предполагаю, что существует некоторый родительский элемент, который является общим для всех эти li теги. Чтобы убедиться, что ваш единственный выбор этих продуктов охватывает (то есть, а не только любой диапазон на странице, который не имеет класса «.priceSale»), вы можете использовать его в качестве базового контекста для вашего селектора jQuery. Я дам вам понять, что вы хотите, и просто укажете его как $parentContainer в моем коде ниже.

После того, как вы есть, что базовый контекст, это действительно просто процесс две части, чтобы получить li элементы, которые вы хотите:

$parentContainer.find("span").not(".priceSale").closest("li"); 

Первая часть будет собрать все «внереализационных» охватывает в контейнер, а затем вторая часть будет собирать ближайший элемент предка li для каждого пролета в исходной группе и поставить их в группу.

В этот момент просто возьмите полученную группу из li элементов и .remove() их, display: none; их. , , что бы вы ни делали, чтобы подавить их от показа.