JavaScript 代码说明

Question

我使用一个名为“imageLightbox”的脚本，在此脚本中有一行:

var description = $( 'a[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"] img' ).attr( 'alt' );

谁能告诉我那里发生了什么？

Answer 1

假设#imagelightbox是图像的id:

$( '#imagelightbox' ).attr( 'src' ) 返回图像的 src(源)，例如“bla/foo.jpg”。

代码的第二位使用 src 作为其选择器的一部分，因此

$( 'a[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"] img' )

实际上会变成

$( 'a[href="bla/foo.jpg"] img' )

它找到一个href为bla/foo.jpg的a标签并获取其中的img元素。

最后，最后的 .attr( 'alt' ); 从该元素中获取 alt 标签文本，该文本被返回并设置到 description 变量中.