Как получить ширину элемента, который ширина реагирует или авто

Question

Как получить ширину элемента, который ширина реагирует или авто

0

Я пытаюсь получить ширину li по jquery

У меня есть список как

  <ul>
  <li>Home</li>
  <li>Advance Server and Server Confing</li>
  <li>FaQ</li>
  </ul>

поэтому попробуйте получить ширину li и я пытаюсь это

$( "#main_menu ul li" ).each(function() {
     alert($("#main_menu ul li").width());  
});

он дает мне такую же ширину каждого li. Я также пытаюсь .outerWidth() функцию .outerWidth() но она дает мне такую же ширину.

Code Baba 23 окт. 2013, в 09:27

Источник

1

потому что независимо от содержимого все элементы li имеют одинаковую ширину jsfiddle.net/arunpjohny/YXnQ7/1
Arun P Johny 23 окт. 2013, в 06:54
0

также см. jsfiddle.net/arunpjohny/YXnQ7/2
Arun P Johny 23 окт. 2013, в 06:56
0

осмотрите элементы с помощью firebug, каждый элемент имеет одинаковую ширину :)
Vinay Pratap Singh 23 окт. 2013, в 06:56
0

спасибо Арун, но если я хочу установить изображение стрелки справа от фона li, тогда оно не займет правильную позицию
Code Baba 23 окт. 2013, в 07:00

Показать ещё 2 комментария

Теги:

jquery

2 ответа

-3

Вы используете each, почему вы получаете ширину для каждого из них.

Попробуйте использовать его для одного, и попробуйте (this), чтобы обеспечить получение результата только от текущего элемента. Вы также можете использовать attr.

$('#main_menu ul li').click(function () {
  alert($(this).attr('id'));
}

Вот скрипка: http://jsfiddle.net/afzaal_ahmad_zeeshan/t39Yk/

Для вас вы можете использовать width вместо id.

http://jsfiddle.net/afzaal_ahmad_zeeshan/t39Yk/1/ (скрипка с шириной)

Afzaal Ahmad Zeeshan 23 окт. 2013, в 05:28

Ещё вопросы

потому что независимо от содержимого все элементы li имеют одинаковую ширину jsfiddle.net/arunpjohny/YXnQ7/1
осмотрите элементы с помощью firebug, каждый элемент имеет одинаковую ширину :)
спасибо Арун, но если я хочу установить изображение стрелки справа от фона li, тогда оно не займет правильную позицию

Hello-World · Accepted Answer · 2013-10-23T04-14-00.000Z

  <ul>
  <li><span>Home</span></li>
  <li><span>Advance Server and Server Confing</span></li>
  <li><span>FaQ</span></li>
  </ul> 


$( "ul li span" ).each(function() {
    alert($(this).width());  
});

http://jsfiddle.net/48Apj/