编写一个jquery代码,遍历页面上的类名为subcategories-container的标签,获取这个标签啊下的category-name的文本内容,然后获取标签下的多个以subcategory-name为类名的标签,然后获取类名为subcategory-name标签下的a标签,并获取a标签的href属性,然后再获取这个a标签下的第一个子节点的文本,再获取这个a标签下的.books-count的文本内容
时间: 2024-02-09 15:07:49 浏览: 28
好的,以下是 jQuery 代码:
```javascript
$(".subcategories-container").each(function() {
var categoryName = $(this).find(".category-name").text();
console.log("Category Name: " + categoryName);
$(this).find(".subcategory-name").each(function() {
var subcategoryLink = $(this).find("a").attr("href");
var subcategoryName = $(this).find("a:first-child").text();
var booksCount = $(this).find(".books-count").text();
console.log("Subcategory Name: " + subcategoryName);
console.log("Subcategory Link: " + subcategoryLink);
console.log("Books Count: " + booksCount);
});
});
```
以上代码会遍历页面上所有类名为 "subcategories-container" 的标签,获取它们下面的 "category-name" 的文本内容,然后获取这个标签下面所有类名为 "subcategory-name" 的标签。对于每个 "subcategory-name" 标签,会获取它下面的 "a" 标签的 "href" 属性值,以及第一个子节点的文本和类名为 "books-count" 的文本内容。最终输出这些值到控制台上。