1

これが私のコードです

<!doctype html>

<html>
<head>
    <meta charset="utf-8">
    <script src="js/jquery-1.7.2.min.js"></script>
<style>
div{
border:2px solid black;
width:200px;
min-height:300px;
}
</style>
</head>
<body>
<div>
    <p id="demo">This will change</p>
    <input type="button" value="OK" onclick="myFunction()"/>
</div>
<script>
$(document).ready(function()
{
    $("input").click(function()
    {
        if($("div").height("300px") === true){
            document.getElementById("demo").innerHTML="HELLO WORLD!";
        }
    });
});
</script>
</body>
</html>

私がやりたいのはこのようなものです。divの高さが300pxの場合、「これは変更されます」という段落は、ボタンをクリックするとHello Worldに変わります。申し訳ありませんが、JavaScriptは初めてです

4

2 に答える 2

8

$("div").height("300px")の高さを設定しdivます。高さが 300px の場合は true を返しません。

あなたがしたい$('div').height() === 300

http://api.jquery.com/height/

于 2012-08-16T18:44:33.227 に答える
1

私はすぐにいくつかのことに気づいています。まず、.height 関数は「px」を除いた数値を返します。次に、.height 関数内に値を配置しています。つまり、その値を「300px」に設定しています。最後に、型と値が同じ場合にのみ true を返す === 演算子を使用しています。代わりに、これを試してください：

if($("div").height() == 300)

別のメモとして、後でマークアップにそれぞれが複数ある場合に備えて、最終的には入力 ID と div ID を指定し、それらの ID を介してそれらにアクセスする必要があります。

于 2012-08-16T18:49:35.230 に答える