Question

I know this question has been answered but I still need help for my specific situation

我

<ul>
<li>blah blah</li>
<li>blah blah blah</li>
</ul>

我 managed to insert a div after each li using

$( <div class="shadow-hide"></div> ) .appendTo( div#main nav.left ul li );

因此,现在有html。

<ul>
  <li>blah blah</li>
  <div class= shadow-hide ></div>
  <li>blah blah blah</li>
  <div class= shadow-hide ></div>
</ul>

,但我如何确定四舍五入的高度,以达到其面前的高度?

我迄今在座,但我猜测,这只是第一点的高峰:

$( <div class="shadow-hide"></div> ) .appendTo( div#main nav.left ul li ); var liHeight = $("div#main nav.left ul li").height(); $( div.shadow-hide ).css( height , liHeight);

Answer 1

或许:

$( .shadow-hide ).height(function() {
   return $(this).prev( li ).height();
});

or perhaps more in line with your actual use case:

$( #main nav.left ul li ).each(function(i, el) {
  var $el = $(el), height = $el.height();
  $( <div class="shadow-hide" /> ).height(height).appendTo($el);
});

Edit: as noted in the comments, you can t nest a div directly in a list, so you might want to rethink however you re styling this, perhaps replacing the "shadow-hide" divs with list items.

Answer 2

$ (<div category=“shadow-hide”></div> ) append To (div#main nav.left ul li );. 这条线将贴上每一英亩的圆环。但是,你所显示的标记是错误的,四分之四应当放在每一侧。

Now you can try the below script to set the height of shadow-hide divs within each li.

$("div#main nav.left ul li").each(function(){
   $(this).find(".shadow-hide").height($(this).height());
}):;

Answer 3

两者均可使用>>。

var div =  <div class="shadow-hide">Test</div> ;

$("ul li").append(function(index, html) {
    return html + ($(div).height($(this).height()).html());
});

:Demo.<

友情链接