Длина элементов с использованием JQuery 0

Question

Я пытаюсь заполнить ул следующим кодом

item = [] 
item.push('<li title ="head"' + 'id="' + innerValue + '">' + innerKey + " : " + innerValue + '</li>'); 

alert('<li title ="head"' + 'id="' + innerValue + '">' + innerKey +" : " + innerValue + '</li>'); 
alert($('[title="head"]').length); 

Первое предупреждение дает мне правильное значение. Но второе предупреждение показывает длину 0.

Что-то не в порядке с вышеуказанным кодом?

Answer 1

Ваш вызов в конце выполняет поиск DOM, но вы никогда не добавляли эти элементы в DOM. Если вы добавили их, они появляются на поиске:

var item = []; 
 
var innerValue = "value"; 
 
var innerKey = "key"; 
 
item.push('<li title ="head"' + 'id="' + innerValue + '">' + innerKey + " : " + innerValue + '</li>'); 
 
alert("Before adding to the DOM: " + $('[title="head"]').length); 
 
$("#the-list").append(item[0]); 
 
alert("After adding to the DOM: " + $('[title="head"]').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul id="the-list"></ul>