getElementById с jQuery?

Question

У меня есть интерактивная функция, которая назначает идентификаторы. то есть как

$('#mycooldiv' + idNumber).text();

Мне интересно, как я могу взять это - '#mycooldiv' + idNumber и использовать его в течение

var div = document.getElementById('#mycooldiv' + idNumber); - потому что позже не работает?

Я также пытался

var elem = $('#mycooldiv' + idNumber);
var div = document.getElementById(elem);

а что тоже не получается?

Answer 1

document.getElementById просто нужен идентификатор, # не нужен.

var div = document.getElementById('mycooldiv' + idNumber);

Answer 2

var elem = $('#mycooldiv' + idNumber);
var div = elem[0];

, хотя, конечно, это менее эффективно, чем прямой вызов getElementById, и теряет преимущество селекторов jQuery, что нет ошибки, когда элемент не существует.

Answer 3

вы действительно близки к решению. В jquery нотация $ () дает вам ваш элемент, так что в вашем случае это будет работать:

var div = $('#mycooldiv'+idNumber);

Это ваш желаемый элемент.

РЕДАКТИРОВАТЬ: Если вы настаиваете на использовании document.getElementById, вы должны написать:

var div = document.getElementById('mycoodiv'+idNumber);

знак # используется только с jquery и обозначает идентификатор в синтаксисе css, который использует jQuery (и который гораздо более мощный и универсальный, чем document.getElementById).