jQuery查询.children

Question

$('.Name').children(function() {
    var username = $('.Name').text();
    console.log(username);
});

我很好奇如何获取所有带有‘console.log’标签的子元素，并逐个计算它们的值。

Answer 1

假设title是一个类(不是标记)，并假设元素是一个输入(具有value属性)：

$('.name').children('.title').each(function() {
    console.log( $(this).val() );
});

如果你的意思是title是一个元素的属性，比如一个锚点，试试这个：

$('.name').children('[title]').each(function() {
    console.log( $(this).val() );
});

但是，锚点没有值，所以您可以使用text()方法：

console.log( $(this).text() );

Answer 2

$('.Name > title').each(function() {
    var username = $(this).text();
    console.log(username);
});

这将获取所有标题元素，这些元素是具有Name类的所有元素的直接子元素，并为每个元素运行一个函数，将标题的文本记录到控制台。

工作fiddle

Answer 3

$('.name > title').each(function() {
    console.log( $(this).text() );
});