javascript - jQuery 每个都不起作用

Question

我正在尝试为选择器中的每个项目设置自定义宽度和高度，但它不起作用。我不知所措。一切对我来说都是正确的。我错过了语法错误还是什么？console.log 甚至不起作用。

<div id="posts">
    <article>
        <div class="view">
            ...
        </div>
    </article>

    <article>
        <div class="view">
            ...
        </div>
    </article>
    ...
</div>

<script>
$( document ).ready(function() {
    $( "#posts .view" ).each(function(){
        console.log('Testing');
        $(this).css("height", "400px");  
    });
});
</script>

Answer 1

尝试这个：

<div id="posts">
<article>
    <div class="view">
        ...
    </div>
</article>

<article>
    <div class="view">
        ...
    </div>
</article>
...

<script>

$( document ).ready(function() {
$( "#posts .view" ).each(function(){
    console.log('Testing');
    $(this).css("height", "400px");  
});
});

</script>

Answer 2

尝试

<div id="posts">
    <article>
        <div class="view">
            ...
        </div>
    </article>

    <article>
        <div class="view">
            ...
        </div>
    </article>
    ...
</div>
<script>
$( document ).ready(function() {
    $( "#posts .view" ).each(function(){
        console.log('Testing');
        $(this).css("height", "400px");  
    });
});
</script>

添加脚本标签，以防您在问题中发布的是完整标记

Answer 3

稍微优化的版本：

$( document ).ready(function() {
    $( "#posts" ).find( ".view" ).each(function(){
        console.log('Testing');
        $(this).css("height", 400);  
    });
});