Question

以此代码为例：

$('.photo').hover(
            function() {
                //display heading and caption
                $(this).children('div:first').stop(true,false).animate({top:0},{duration:200, easing: 'easeOutQuart'});
                $(this).children('div:last').stop(true,false).animate({bottom:0},{duration:200, easing: 'easeOutQuart'})
})

让我们说我想知道用这一行选择了哪个元素：

$(this).children('div:first')

是否有可能以某种方式警告目标元素？我试过了：

something = $(this).children('div:first').val();
                alert (something);

或

something = $(this).children('div:first');
                alert (something);

在第一个例子中，我得到空白警报。第二个 - Objext对象。

此致

Answer 1

您可以使用以下内容。

something = $(this).children('div:first').text();
                alert (something);

或

something = $(this).children('div:first').html();
                alert (something);

Answer 2

当然！你可以使用console.log，它适用于jQuery选择。

console.log($(this).children('div:first'));

如果您使用的是firefox或chrome，请按F12打开开发人员的控制台，导航到控制台选项卡，您将看到整个选择和结构。

这对于显示数组和对象以及其他任何内容非常有用！

学习jQuery选择器。如何提醒选择器的值？

2 个答案: