2015-11-04 58 views
0

我想从li获取样式属性'width'并将其添加到ul。获取li的宽度并将其添加到ul使用jquery

我的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); 

我收到 '未定义'。在jQuery中b的值很好,但由于某些原因,我无法获得属性宽度值。

任何帮助,高度赞赏。提前致谢。

+0

你有语法错误 –

+0

hmm ...是在这一行ul.li:[data-slide ='“+ b +”'“”)。attr(“width”); – Raj

+0

我尝试过使用ul.li [data-slide ='“+ b +'']”)。attr(“width”)并且仍然没有定义 – Raj

回答

1

使用该脚本:

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

非常感谢Viktor。现在正在工作。 – Raj

0

这将采取宽度lidata-slide ATTR并追加到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",""))); 
+0

谢谢。如何通过数据幻灯片值给李 – Raj

+0

几乎那里....任何建议请 – Raj

+0

你到底想要做什么? – DinoMyte

相关问题