在php中查找bxslider中附加li的id

时间:2014-04-18 07:24:24

标签: jquery wordpress bxslider

我在wordpress中使用bxslider。我正在追加li相对于所选li的id。但我无法找到我追加的李的身份。我必须找出附加li中选择的li的id,以便我可以附加更多的li作为我将从滑块中选择的li,下一张幻灯片将相对于li显示。

我正在粘贴下面的代码: -

<script type="text/javascript">
$(document).ready(function(){

var slider = $('.bxslider').bxSlider({
/* autoControls: true, */
mode: 'horizontal',
slideWidth: 800,
slideMargin: 10,
nextSelector: '#slider-next',
prevSelector: '#slider-prev',
nextText: '<img src="<?php echo get_template_directory_uri(); ?>/images/next.png" />',
prevText:'<img src="<?php echo get_template_directory_uri(); ?>/images/back.png" />'
}); 

$('.bxslider li div a').click(function(){
var id = this.id;
//alert(id);

if(id=='slide1'){ 
$(this).siblings().remove();

$('.bxslider').append('<li><div class="caption" style="float:left;"><a id="slide6" class="effect" onclick="myslide(this.id)" href="javascript:void(0)"><img src="<?php echo get_template_directory_uri(); ?>/images/12.png" onclick="myimage(this.id)" id="1" alt="image01"/><span style="display:inline">Full Color 11"X17" Posters</span></a></div><div class="caption" style="float:left;"><a class="effect" id="slide7" href="javascript:void(0)"><img src="<?php echo get_template_directory_uri(); ?>/images/12.png" onclick="myimage(this.id)" id="1" alt="img05"/><span style="display:inline">Full Color 18"X24" Posters</span></a></div></li>');
slider.reloadSlider();

}
}

请告诉我如何找到附加li的ID。

1 个答案:

答案 0 :(得分:0)

您可以使用:last选择器定位最后一个元素:

$('.bxslider li:last').attr('id')