通过jquery动态创建和选择html元素

Question

How can I access the dynamically created html element by its Id on very next line of this following code?

var line = $('<div class="showInGrid" id="removeMeLater">
              <span class="dateP" id="calendar' + ind + '" ></span>
              </div>');

I want to access it like the following line of code.

$("#calendar"+ind).datepicker({});

However I'm able to link the datepicker with it like the following.

line.datepicker({});

But obviously it is not giving me the desired result and it gets created every time loop iterates over it.

Answer 1

The problem is you have not added the element to the DOM.

jquery selector will search inside the DOM. since the element is not in DOM it will return an empty array.

run $("#calendar"+ind).datepicker({}); after appending it to the body