jQuery取相同ID DIV的不同高度

[The_Murderer]

Wordpress主题制作，首页文章是自动生成的，我用来一个inpost样式来处理所有的文章。这样我想在每条文章的侧边做一个装饰条，需要设定“装饰条的高度=自动生成文章的高度”。但是所有的文章DIV的样式是一样的，这样用

 $(".broadside").height($(".inpost").height()+22);

来处理的时候，height也是一样的（默认第一个），怎么才能动态读取到不同的高度呢？

分不大多~~~

[街头小贩]

用css实现不了吗？你不就是因为每一行的高度不同，要用js取得行的高度

[斯洛文尼亚旅游]

.broadside和.inpost什么关系？通过遍历.inpost，通过关系获取到.broadside来设置就行了

$(".inpost").each(function(){
//this对象为当前.inpost
 var d=$(this)//.......//...通过jquery对象找到对应的.broadside

d.height($(".inpost").height()+22);
});

[The_Murderer]

引用 1 楼 xiaofanku 的回复:

用css实现不了吗？你不就是因为每一行的高度不同，要用js取得行的高度

新手，经验不足。因为是自动生成的，高度是根据内容的多少自动设定的，不知道怎么用CSS设定高度等于内容的高度。

[The_Murderer]

引用 2 楼 showbo 的回复:

.broadside和.inpost什么关系？通过遍历.inpost，通过关系获取到.broadside来设置就行了

$(".inpost").each(function(){
//this对象为当前.inpost
 var d=$(this)//.......//...通过jquery对象找到对应的.broadside

d.height($(".inpost").height()+22);
});

.broadside和.inpost是平级的，关系图如下：
正是要根据自动.inpost的高度来设定.broadside的高度。

[斯洛文尼亚旅游]

$(".inpost").each(function(){

 var d=$(this).prev();//
 
d.height($(".inpost").height()+22);
});

最好发html代码，发这种关系图看不出详细的DOM关系，因为css可以修改布局

[The_Murderer]

引用 5 楼 showbo 的回复:

$(".inpost").each(function(){

 var d=$(this).prev();//
 
d.height($(".inpost").height()+22);
});

最好发html代码，发这种关系图看不出详细的DOM关系，因为css可以修改布局

<div id="post-fluid">
  <?php if(have_posts()) : ?>
  <?php while(have_posts()) : the_post(); ?>
  <div class="post">
    <div class="broadside"></div>
    <div class="inpost">
      <div class="the_title" > <a href=<?php the_permalink(); ?>>
        <?php the_title(); ?>
        </a>
        <p class="postmetadata">
          <?php _e('归类于:'); ?>
          <?php the_category(', ') ?>
          <?php _e('by'); ?>
          <?php the_author(); ?>
          <?php edit_post_link('编辑', ' | ', ''); ?>
        </p>
      </div>
      <div class="entry" >
        <?php the_content(); ?>
        <p class="postmetadata">
          <?php comments_popup_link('没有评论 »', '1 评论 »', '% 评论 »'); ?>
        </p>
      </div>
    </div>
  </div>
  <?php endwhile; ?>
  <?php endif; ?>
</div>

[斯洛文尼亚旅游]

用我发的#5代码就行了，prev得到上一个节点，注意要放到load事件中执行才行

$(function(){
$(".inpost").each(function(){
 
 var d=$(this).prev();//
  
d.height($(".inpost").height()+22);
});
});

[The_Murderer]

引用 7 楼 showbo 的回复:

用我发的#5代码就行了，prev得到上一个节点，注意要放到load事件中执行才行

$(function(){
$(".inpost").each(function(){
 
 var d=$(this).prev();//
  
d.height($(".inpost").height()+22);
});
});

用$(document).ready行不行，应该怎么写？

[街头小贩]

jQuery(document).ready(function($) { }); 和 $(function(){}); 效果是一样的

[The_Murderer]

引用 9 楼 xiaofanku 的回复:

jQuery(document).ready(function($) { }); 和 $(function(){}); 效果是一样的

额，刚接触jQuery，不知道。那是不是必须得放在load事件里面了？应该怎么写？原谅我这么罗嗦~~~

[街头小贩]

那是不是必须得放在load事件里面了？应该怎么写？ re: 不懂，你要问代码是不是必需都代码放到load事件中？ 如果你的代码运行依赖于dom树的完整需要放到load中!!如果是给某元素绑定事件处理函数不需要放到load中

[The_Murderer]

引用 11 楼 xiaofanku 的回复:

那是不是必须得放在load事件里面了？应该怎么写？ re: 不懂，你要问代码是不是必需都代码放到load事件中？ 如果你的代码运行依赖于dom树的完整需要放到load中!!如果是给某元素绑定事件处理函数不需要放到load中

OK，谢谢，明白了，好好看了下load事件~~~