Добавление атрибута ко второму дочернему элементу в div

Question

Может кто-нибудь сказать, пожалуйста, как добавить атрибут "top" ко второму тегу "canvas", который не имеет id в div и который будет работать для IE, используя jquery или что-то ещеНиже приведен фрагмент HTML.

<div id="jqChart" class="ui-jqchart" style="height: 300px;">
<canvas width="841" height="300" style="position: relative;"></canvas>
<canvas width="794" height="222" style="position: relative; left: 37px; top: 42px;">        </canvas>
<div class="ui-jqchart-tooltip" style="position: absolute; display: none;"></div>
</div>

Answer 1

$("#jqChart > canvas:nth-child(2)").attr('top', 'yourValue');

Answer 2

В jQuery вы можете сделать это с помощью

$('#jqChart > canvas:last').attr('top', 'attr_value');

Answer 3

Попробуйте это

$("#jqChart>canvas:eq(1)").css("top", "1px");

Или,

$("#jqChart>canvas").eq(1).css("top", "1px");

Обратите внимание, что в eq(n) n - это ноль. Альтернативное решение с nth-child может выглядеть как

$("#jqChart>canvas:nth-child(2)").css("top", "1px");

Answer 4

Второй элемент холста можно выбрать с помощью метода eq (который возвращает элемент по указанному индексу, начиная с 0, из соответствующего набора элементов):

var canvas = $("#jqChart canvas").eq(1);

Я не совсем уверен, что вы подразумеваете под атрибутом top. Я думаю, что вы можете ссылаться на CSS-свойство top, и в этом случае вам нужен метод css:

canvas.css("top", "100px");

Если вы действительно имеете в виду атрибут top, посмотрите на метод attr.

Вы также можете использовать селектор :eq, но это медленнее, чем метод .eq.

Answer 5

Вы можете использовать это:

$("#jqChart > canvas:nth-child(2)").attr("attribute_name", "attribute_value");

просто замените * attribute_name * и * attribute_value * на все, что вам нужно.