Как переписать такой jQuery код на чистом Javascript?

Question

[Denis479]

В частности, как написать функцию поиска предков?

el.parents("li").children('input[type="checkbox"]').prop({
                  indeterminate: true,
                  checked: false
              });

Answer 1

[Denis479]

Решил проблему следующим образом, исходники jquery не смотрел, просто сам посидел, подумал и наваял ;)) Вдруг кому пригодится:

function parentsMy(elem, tagName, stopTagName) {
	if(elem == null) return;
        
        //если параметр не задан, то ищем до body
        stopTagName = stopTagName || 'body';

	var set = [];

	while(elem.tagName.toLowerCase() != stopTagName.toLowerCase()) {
		if(elem.tagName.toLowerCase() == tagName.toLowerCase()) {
			set.push(elem);
		}

		elem = elem.parentNode;
	}	

        //возвращаем массив с родителями
	return set;
}

element - нода, с которой начинаем поиск родителей(по DOM-дереву вверх)
tagName - тэг ноды по которому ищем родителей
stopTagName - где останавливаемся

Answer 2

[Roman Zhak]

// получаете все тэги a, например
var a = document.getElementsByTagName("a");
// затем отсеиваете всех родителей 
a[ item ].parentNode.nodeName.toLowerCase() === "li"

Answer 3

[Юрий Лобанов]

Те, кто могут писать на таком же уровне, как разработчики jquery - не задают подобных вопросов, те, кто не умеют - используют jquery.
Вы можете посмотреть саму библиотеку и попытаться оттуда вытянуть. Или дождаться, когда Вам напишут какой-нибудь велосипед, который в лучшем случае будет работать также, как jquery, а скорее всего хуже.
Используйте jquery, а свое время потратьте на другие проблемы.

Comments

[Denis479]

Ох, если бы от вашего ответа был хотя бы какой-нибудь толк, цены бы вам не было. Я же не просто так не использую jquery.. Возникла такая ситуация что пришлось код на query переписать на javascript, прихоть начальства. А трудности с javascript потому что я php-шник, а не java-скриптер

[Юрий Лобанов]

@Denis479 толк от моего ответа есть. Для отказа от jquery должно быть основание. Основанием не использовать столь качественный код может служить возможность написать более качественный код. А у Вас такой возможности нет.
Да, использовать jquery ради одной кнопки "наверх" глупо, если у Вас данная библиотека используется часто, то глупо уже наоборот отказываться от нее.
Попробуйте убедить в этом начальство.
Правила переделки jq в js следующее: смотрите что делает та или иная функция и ищите эти же возможности в js. Заранее задавшись списком браузеров, которые собираетесь поддерживать - проверяете Ваши решения на работу в них. Не забывайте, что jq это не только простота, но и кроссбраузерность.
Кроме того, я Вас отправил в исходники, вот статья в помощь habrahabr.ru/post/118564
А Вы говорите, что у меня ответ бестолковый.

Answer 4

[Vadim Bogomazov]

Возникла такая ситуация что пришлось код на query переписать на javascript, прихоть начальства

Раз такая ситуация, то может пригодится - youmightnotneedjquery.com

Comments

[Denis479]

Уже давно знаю об этом ресурсе и активно пользуюсь, но все равно спасибо)