Як використовувати jQuery для отримання даних всередині div - jquery, html, dom, parent-child, кожен

У мене є таке:

jQuery(".activity-feed .comments div > li").each(function() {
// Refer to each piece of data here
});

Проблема, з якою я стикаюся, полягає в тому, що для кожного з цих div я хочу отримати деякі дані з дочірньої дитини дочірньої дитини і т. Д. Як мені зробити посилання на ці елементи DOM? Я спробував:

jQuery(this.find(".comment-container .note .activity-event div .meta a").text());

Але це не спрацювало. Мені просто потрібно виділити дані зі змінних. Я впевнений, що це просто, але я ще нічого подібного не робив, і ніщо, що я шукаю, не охоплює.

Зверніть увагу, я знаю, що $ () було б приємніше, ніж jQuery (), але він не буде працювати з системою, якою я маніпулюю.

Відповіді:

this в each ітерація буде посилатися на елемент DOM. Якщо ви хочете використовувати методи jQuery для цього елемента, вам потрібно обернути його в об'єкт jQuery: $(this):

jQuery(this).find(".comment-container .note .activity-event div .meta a").text();

Зверніть увагу, я знаю, що $ () було б приємніше, ніж jQuery (), але він не буде працювати з системою, якою я маніпулюю.

Об'єкт jQuery передається обробнику DOMReady за замовчуванням, тому ви все ще можете використовувати файл $ змінної в межах обсягу цього обробника. Це не повинно заважати будь-яким іншим сценаріям, які у вас є. Спробуйте це:

jQuery(function($) {
$(".activity-feed .comments div > li").each(function() {
var foo = $(this).find(".comment-container .note .activity-event div .meta a").text();
});
});