jquery获取一个div的宽度后加上一定像素并且赋值给这个div
我用jquery获取了第一个div的，然后第二个宽度我想在第一个div宽度的基础上再加上38px当做第二个div的宽度，可是不知道怎么去让第一个div的宽度和38px想加...
我用jquery获取了第一个div的，然后第二个宽度我想在第一个div宽度的基础上再加上38px当做第二个div的宽度，可是不知道怎么去让第一个div的宽度和38px想加
展开
5个回答
展开全部
<html>
<head>
<title>测试</title>
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function add(){
//获得div1的宽
var width=$("#div1").css("width").replace("px","");
//获得div1的高
var height=$("#div1").css("height").replace("px","");
//在div1之后增加
$("#div1").after("<div style='float:left;width:"+(parseInt(width)+38)+"px;height:"+(parseInt(height)+38)+"px;border:1px solid blue;margin-top:5px;'></div>");
}
</script>
</head>
<body>
<div style="width:50px;height:50px;border:1px solid blue;" id="div1"></div>
<br/>
<input type="button" name="test" id="test" value="CESHI" onclick="add();"></input>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
大概是窗口还没达到你要的高度就获取了，获取显示区域尺寸可以用 clientHeight clientWidth
获取内容尺寸可以用 scrollHeight scrollWidth
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
获取内容尺寸可以用 scrollHeight scrollWidth
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接相加，，测试就好了
<div id="d1">1111<br>1111</div>
<div id="d2">自定义宽度啦</div>
<script>
$(function(){
var w1 = $("#d1").width();
$("#d2").width(w1 + 38);
})
</script>
<div id="d1">1111<br>1111</div>
<div id="d2">自定义宽度啦</div>
<script>
$(function(){
var w1 = $("#d1").width();
$("#d2").width(w1 + 38);
})
</script>
追问
那要是left呢？我是在做菜单下拉的，第一个菜单的下拉菜单是左移动38像素，第二个菜单的下拉是在第一个菜单左移动38像素的基础上再左移动第一个下拉的宽度
追答
你做下拉菜单，思路不会哎，
你应该吧二级的菜单隐藏在一级菜单的li下方，然后通过js移入和移出一级的li，查找到对应的二级ul显示和隐藏，这样就不必在指定left定位了。
否则你靠指定定位，要是窗口缩小了怎么破？？？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假设你的第一个div的id="div1"，第二个div的id="div2",获取代码和改变宽度代码如下：
var div1W = $('#div1').outerWidth(true);
var div2 = $('#div2');
div2.css('width',div1W+38);
var div1W = $('#div1').outerWidth(true);
var div2 = $('#div2');
div2.css('width',div1W+38);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var w1=parseInt($("div").eq(0).attr("width"));//获取第一个的宽度 强制转换成 int型
$("div").eq(1).attr("width",(w1+38)+"px");//给第二个div赋值
$("div").eq(1).attr("width",(w1+38)+"px");//给第二个div赋值
追问
这样子输不出结果啊
追答
parseInt($("#subitem"+(i-1)).attr("minwidth"));
首先要确认$("#subitem"+(i-1)这个能定位到值
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
