1

li独自の各幅を設定したいa。これが私が試しているコードです：

if($('ul').length()) { 
    $('ul li').each(function() {
        $(this).children('a').each(function() {
            var width2 = $(this).style.width();
            $('ul li').style.width = width2;
            $(this).text(width2);
        });
    });
}

HTML:

<ul>
    <li class="home"><a href="#">Home</a></li>
    <li class="about-me"><a href="#">About</a></li>
    <li class="portfolio"><a href="#">Realizations</a></li>
    <li class="contact"><a href="#">Contact</a></li>
</ul>

私は何を間違っていますか？

4

2 に答える 2

0

これが更新された jsBinです。

.css("attribute")jQuery では、 でスタイル属性にアクセスし、 で更新できます.css("attribute","value")。$("ul").lengthまた、必要はありませんと言うことができます()。

最終結果：

if($('ul').length) { 
   $('ul li').each(function() {
      $(this).children('a').each(function() {
         var width2 = $(this).css("width");
         $('ul li').css("width",width2);

      });
   });
 }
于 2013-02-16T21:23:21.960 に答える
0 
var width;
$('ul li a').each(function() {
  width = $(this).css('width');
  $(this).parent('li').css('width', width);
});

すべてのa要素を選択し、幅を取得して親li要素に設定します

于 2013-02-16T21:24:11.270 に答える