Question

我想做的是创建一个特定类/ id对象的变量。例如，在第（5）行和第（8）行中，我对ID，鞋子旋转木马进行了文字参考，我希望有一个代表鞋子旋转木马的变量。问题是，如果我做了类似的事情：

var fooCarousel = $('.shoe-carousel');

它适用于第（5）行，而不适用于第（8）行

1. //initialize the slide in focus and what will be the center slide
2. var slideInFocus = document.createElement('img');
3. 
4. //set the index of the immediate slide in focus when the page loads
5. slideInFocus.index = $('.shoe-carousel').slick('slickCurrentSlide');
6.     
7. //set the source of the immediate slide in focus when the page loads
8. slideInFocus.src = $('.shoe-carousel .slick-current img').prop('src');

对我而言，第8行的问题似乎是从变量定义中推入的单引号（＆＃39;）正在破坏它;那么，给我这样的新JS / jQuery人的诀窍是什么？谢谢！

Answer 1

按照您的建议方式进行操作没有问题，问题是我认为您的实施方式是第8行。您打算如何调用它？像这样的东西会运作良好。 .find()将在您调用它的jquery对象中找到选择器。

1. var $fooCarousel = $('.shoe-carousel');
2. var slideInFocus = document.createElement('img');
3. 
4. //set the index of the immediate slide in focus when the page loads
5. slideInFocus.index = $fooCarousel.slick('slickCurrentSlide');
6.     
7. //set the source of the immediate slide in focus when the page loads
8. slideInFocus.src = $fooCarousel.find('.slick-current img').prop('src');

Answer 2

在第一次意识到我发布了一个不合适的答案后，然后根据@Redmega的回答阅读评论，我认为对OP问题的最有效回应是这样的：

var fooCarousel = $('.shoe-carousel');
1. //initialize the slide in focus and what will be the center slide
2. var slideInFocus = document.createElement('img');
3. 
4. //set the index of the immediate slide in focus when the page loads
5. slideInFocus.index = fooCarousel.slick('slickCurrentSlide');
6.     
7. //set the source of the immediate slide in focus when the page loads
8. slideInFocus.src = $('.slick-current img', fooCarousel).prop('src');

虽然非常接近$fooCarousel.find('.slick-current img')解决方案，但这种方式可能对性能影响较小。

编辑：实际上它没有任何区别，正如@Redmega指出的那样。

Answer 3

警告：正如其他人所指出的，这个答案并没有解决OP问题。我太快读了这个问题，所以下面提出的代码只适用于包含字符串id的fooCarousel！

是的，你猜对了并且使用常规连接很容易解决，如下所示：

1. //initialize the slide in focus and what will be the center slide
2. var slideInFocus = document.createElement('img');
3. 
4. //set the index of the immediate slide in focus when the page loads
5. slideInFocus.index = fooCarousel.slick('slickCurrentSlide');
6.     
7. //set the source of the immediate slide in focus when the page loads
8. slideInFocus.src = $(fooCarousel + ' .slick-current img').prop('src');

我应该如何初始化此变量以与jQuery一起使用？

3 个答案: