选择<；李>；使用：第一个jquery

我有一个HTML，每5秒钟，类显示将在下一个

<ul class="listing">
  <li class="display"><img src="first"></li>
  <li class=""><img src="second"></li>
  <li class=""><img src="third"></li>
</ul>

<div class="put"></div>

我想得到

的前一个图像src，它具有类显示，并将其放入

中，使其成为背景图像

但是如果第一个

具有类

display

，我想显示最后一个图像

顺便说一句，很抱歉，我忘了放上一段

试试这个片段

var isFirst=$（'.listing li'）.first（）.hasClass（'display'）；
var-src；
如果（isFirst）
{
src=$（'.listing li'）.last（）.find（'img'）.attr（'src'）；
}
其他的
{
src=$（'.listing li:eq（'+parseInt（$（'.listing li.display'）.index（）-1）+'））.find（'img'）.attr（'src'））
}
log（“将设置此SRC”+SRC）；
$（“.put”）.css（{“背景图像”：“url（“+src+”）”}）；
log（“现在DIV有了新的SRC”+$（'.put'）.css（'background-image'））






带有背景图像的DIV
试试这个片段


var isFirst=$（'.listing li'）.first（）.hasClass（'display'）；
var-src；
如果（isFirst）
{
src=$（'.listing li'）.last（）.find（'img'）.attr（'src'）；
}
其他的
{
src=$（'.listing li:eq（'+parseInt（$（'.listing li.display'）.index（）-1）+'））.find（'img'）.attr（'src'））
}
log（“将设置此SRC”+SRC）；
$（“.put”）.css（{“背景图像”：“url（“+src+”）”}）；
log（“现在DIV有了新的SRC”+$（'.put'）.css（'background-image'））






带背景图像的DIV在您的解决方案中，请注意变量
w
未定义，因为列表中没有前面的元素。变量
e
与变量
q
相同。你能不能更详细地解释一下你正在努力实现的目标。如果是关于隐藏/显示图像，我建议使用Nitya Kumar建议的解决方案。
在您的解决方案中，请注意变量
w
未定义，因为列表中没有前面的元素。变量
e
与变量
q
相同。你能详细解释一下你想要达到的目标吗。如果是关于隐藏/显示图像，我建议使用Nitya Kumar建议的解决方案。
首先使用
display
类获取元素，然后使用
html（）
替换当前图像获取图像，然后可以使用
setInterval（）
每5秒重复一次代码：

var e;
setInterval(function(){
  e = $('.listing').find('.display');
  $('.put').html(e.html());
  //change elememt class
  console.log(e.next('li').length)
  if(e.next('li').length){
   e.removeClass('display').next('li').addClass('display');
  }else{
   e.removeClass('display');
   e = $('.listing').children().first('li').addClass('display');
  }
}, 5000)

首先使用
显示类获取元素，如果元素已获取图像，则使用
html（）
替换当前图像，然后可以使用
setInterval（）
每5秒重复一次代码：

var e;
setInterval(function(){
  e = $('.listing').find('.display');
  $('.put').html(e.html());
  //change elememt class
  console.log(e.next('li').length)
  if(e.next('li').length){
   e.removeClass('display').next('li').addClass('display');
  }else{
   e.removeClass('display');
   e = $('.listing').children().first('li').addClass('display');
  }
}, 5000)

检查小提琴：
您需要做的是检查两个元素的索引：

var q = jQuery(".listing").children(".display");
var w = jQuery(q).prev("li").find("img").attr("src");
var e = jQuery('li').first();
var r = jQuery(".listing > li").last().find("img").attr("src");

var q1 = jQuery( "li" ).index( q ); 
var e1 = jQuery( "li" ).index( e ); 

if(e1==q1) {
  jQuery(".put").css({"background-image":"url(" + r + ")"});
}else{
  jQuery(".put").css({"background-image":"url(" + w + ")"});
}

检查小提琴：
您需要做的是检查两个元素的索引：

var q = jQuery(".listing").children(".display");
var w = jQuery(q).prev("li").find("img").attr("src");
var e = jQuery('li').first();
var r = jQuery(".listing > li").last().find("img").attr("src");

var q1 = jQuery( "li" ).index( q ); 
var e1 = jQuery( "li" ).index( e ); 

if(e1==q1) {
  jQuery(".put").css({"background-image":"url(" + r + ")"});
}else{
  jQuery(".put").css({"background-image":"url(" + w + ")"});
}

你能更详细地解释你的问题吗？你能用你的
标记添加id吗？你能更详细地解释你的问题吗？你能用
标记添加id吗？那么我应该用var e替换它吗？@purelymrorganization你能给我看一下你的JSFIDLE吗？它每5秒改变一次显示类。事实上，它是一个滑块，我只给出了简单的代码你正面临着什么样的问题？当第一个li有显示类时，您想显示它的图像以放置div？@pureRymorOrganization:试试我的答案，我已经为您创建了一个代码片段来实现您想要的功能，那么我应该在var e中替换它吗？@pureRymorOrganization您可以给我看一下您的JSFIDLE，它每5秒更改一次显示类。它是一个滑块。事实上，我只是给出了它的简单代码。您面临的确切问题是什么？当第一个li有显示类时，您想显示它的图像以放置div？@pureRymorOrganization:试试我的答案，我已经为您创建了一个代码片段来实现您想要的功能不只是将src的attr获取到具有display类的
，不只是将src的attr获取到具有display类的