jQuery查询.children

Question

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

我很好奇我是如何通过标签'title'和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);
});

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

工作fiddle

Answer 3

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