Question

我正在尝试获取样式属性＆＃39; width＆＃39;来自li并将其添加到ul。

我的HTML代码是

<div id="carousel_team" class="glide">
<ul class="slides" style="opacity: 1; width: 1464px;">
<li class="slide first active" data-slide="1" style="width: 244px;">1</l1>
<li class="slide" data-slide="2" style="width: 244px;">2</l1>
</ul>
</div>

jQuery是

 var b = a.current();
 var ul = $("#carousel_team ul");
 var clicked_slide = ul.find("[data-slide='" + b + "']");
 var clicked_slide_width = ul.li:[data-slide='" + b + "']").attr("width");
 alert(clicked_slide_width);

我得到了未定义的＆＃39;。 b的值在jquery中很好但是由于某种原因我无法获得属性宽度值。

非常感谢任何帮助。提前谢谢。

Answer 1

使用此脚本：

_slider = $("#carousel_team ul");
_current = _slider.find('.active');
_slider.width(_slider.width() + _current.width());

Answer 2

这将取li attr的data-slide宽度并将其附加到ul

var dataSlide = 1;
$("ul").attr("style",$("li[data-slide=" + dataSlide + "]").attr("style"));

http://jsfiddle.net/27wL3mkq/

更新：

dataSlide = 2;
$("ul").css("width",parseInt($("li[data-slide=" + dataSlide + "]").css("width").replace("px",""))  + 
     parseInt($("ul").css("width").replace("px","")));

获取li的宽度并使用jquery将其添加到ul

2 个答案: