Question

我想查看我的代码，并且在任何地方都有一个“.inner”类，宽度将根据特定的“.inner”类进行调整。

现在，代码正在检测第一个“.inner”，并确定所有未来“.inner”div的宽度。

我相信你必须在这里使用$（这个）..但不知道在哪里。现在我正在使用.each（）

<html>
<head>
<link rel="stylesheet" id="iacq_main-css" href="style.css" type="text/css" media="screen">
<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.6"></script>
</head>
<body>
<div class="outer">
    <div class="inner">
        <img class="hrimage left" src="hr-image.png">
        <h2 class="wordwidth">The Story</h2>
        <img class="hrimage right" src="hr-image.png">
    </div>
</div>

<div class="outer">
    <div class="inner">
        <img class="hrimage left" src="hr-image.png">
        <h2 class="wordwidth">wejrthwkrsfsafsdfeht</h2>
        <img class="hrimage right" src="hr-image.png">
    </div>
</div>
</body>

<script language="JavaScript" type="text/javascript">

$('.inner').each(function(){

var width = ('.inner .wordwidth');
var widthtotal = $(width).width() + 640;

$(this).css("width", widthtotal+"px");
});


</script>

</html>

如何查找具有特定名称的每个div的动态宽度

0 个答案: