将 $(this) 与 jQuery 一起使用

Question

我仍然是一名 jquery/javascript 新手，所以如果这是一个显而易见的问题，请原谅我。

我正在为一次会议制作一个艺术家简介页面（它在实时视图中 http://www .thinkinc.org.au/artists.html）。当您单击艺术家的图像时，会打开一个包含艺术家简介和视频的颜色框。单击缩略图时，我想向用户正在查看的扬声器的初始视频（“initvid”）发送 .remove() 命令。

有问题的 javascript 代码在这里：

 $(document).ready(function () {
        $('.thumbnails img').click(function () {
            $('#initvid')+$(this).attr('id').remove(); /* I want this to get #initvid + the id of the thumbnail image that was clicked (to make #initvidtyson or #initvidhitchens) then .remove() it */

            $('#vidContainer').html('<iframe id="playingMovie" width="480" height="390" src="' + $(this).attr('toobId') +'" frameborder="0" allowfullscreen></iframe>');

            $('#vidContainer iframe').fadeToggle(400);
        });
    });

如果你查看我的缩略图代码，每个缩略图都有一个他们所属的艺术家的 id。 （例如；）。我想创建一个 jquery 函数来删除 #initvidhitchens 或 #initvidtyson （取决于单击的生物拇指）。

可能遗漏了一些非常明显的东西，但为什么我当前的代码不起作用？

Answer 1

它应该是这样的：

$('#initvid' + $(this).attr('id')).remove();

或者这样：

$('#initvid'+this.id).remove();

您的代码不起作用，因为：

 $('#initvid') + //Here you're getting element with id 'initvid', which doesn't exist
 $(this).attr('id').remove();  //The result of getting id attribute wasn't a jQuery object, so it doesn't have 'remove' method

希望这有帮助

Answer 2

$('#initvid' + $(this).attr('id')).remove();

Answer 3

关闭。传递给 $ 的字符串是需要连接额外标识符的内容。

$('#initvid' + $(this).attr('id')).remove();

将其视为：

$('#initvid' + extra) // the *result* of the string concat is used as the selector

但是，根据具体问题，可能有更干净的方法来完成此任务。

快乐编码。