Как по нажатию на glyphicon вывести ниже кастомный div?

Question

[Scronheim]

Добрый вечер, суть вопроса:
Есть таблица, в ней в последнем столбце есть глификонка, как по её нажатию вывести ниже div шириной в таблицу?

Answer 1

[Павел Антонов]

Даниил Шарко @scronheim
Чет не работает

var width;
jQuery("tr td:last-child").click(function(){
width = jQuery("#myTbl").width();
jQuery("#myDiv").append("<div style='width:"+width+"px'></div>");
})

А вы вот так сделайте :))
P.S нет у тега div атрибута width, есть атрибут style с нужными свойствами) повнимательнее надо

Answer 2

[king_men]

как то так

<table id="myTbl">
  <tr>
    <td></td>
  <td></td>
    <td>icon</td>
  </tr>
  <tr>
  <td></td>
  <td></td>
    <td>icon</td>
  </tr>
  <tr>
  <td></td>
  <td></td>
    <td>icon</td>
  </tr>
</table>
<div id="myDiv">
</div>

var width;
jQuery("tr td:last-child").click(function(){
width = jQuery("#myTbl").width();
jQuery("#myDiv").append("<div width='"+width+"'></div>");
})

Comments

[Scronheim]

Чет не работает

[Павел Антонов]

Даниил Шарко: jquery не забудьте подключить, если не подключено

[Scronheim]

Павел Антонов: Это я понял))все подключено

[king_men]

Даниил Шарко: проверял в jsfiddle, может вы не так что то сделали.