1

コードを調べたいのですが、「.inner」のクラスがあるところはどこでも、その特定の「.inner」クラスに応じて幅が調整されます。

現在、コードは最初の「.inner」を検出し、将来のすべての「.inner」div に対してその幅を確立しています。

ここで $(this) を使用する必要があると思いますが、どこにあるのかわかりません。現在、私は .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>
4

0 に答える 0