jQuery не добавляется к ul

Question

Я пытаюсь получить что-то на PHP, используя $ .post в jquery, чтобы добавить к <ul>, но вывод пуст, как добавить данные li в ul?

мой PHP

$queryStmt = 'SELECT test_part_id FROM test_part WHERE test_id=:sqlId'; 
     $queryPrepare = $dba_connect->prepare($queryStmt); 
     $queryPrepare->execute(array(':sqlId'=>$_POST['testId'])); 
     $queryResult = $queryPrepare->fetchAll(PDO::FETCH_ASSOC); 
     $queryPrepare->closeCursor(); 

     $tempString = ''; 
     $tempNum = 1; 

     foreach($queryResult as $row) { 
      $tempString .= "<li><span class=''></span> 
              <button id='".$row['test_part_id']."' 
                  name='".$row['test_part_id']."' 
                  type='button' 
                  class='listPartOfExam'>". 
            "Part ".$tempNum."</button></li>"; 
      $tempNum++; 
     } 

     $tempString .= "<li><span class='red'> </span> button id='btnTeachLogout' name='btnTeachLogout' type='button'>Logout</button></li> "; 

     echo $tempString; 

мой Jquery

$.post(
    '../php/teacherfunction.php', 
    {'functions':'generatePartsButton','testId':localStorage.inTestid}, 
    function(data) { 
     alert(data); 
     $('#ulEditExamPartsMenu ul').append(data); 
    } 
); 

и HTML код:

<div id='divEditTestMainMenu' hidden=''> 
    <ul id='ulEditExamPartsMenu' class='coolHandLuke'> 
    </ul> 
</div> 

I use the alert above to see what is inside the data, and it is correct: 

<li><span class=''></span> 

    <button id='TC-201402150304203041_1' name='TC-201402150304203041_1' 
     type='button' class='listPartOfExam'>Part 1</button></li> 
<li><span class=''></span> 

    <button id='TC-201402150304203041_2' name='TC-201402150304203041_2' 
     type='button' class='listPartOfExam'>Part 2</button></li> 
<li><span class=''></span> 

    <button id='TC-201402150304203041_3' name='TC-201402150304203041_3' 
     type='button' class='listPartOfExam'>Part 3</button></li> 
<li><span class='red'> </span> button id='btnTeachLogout' 
    name='btnTeachLogout' type='button'>Logout 
    </button></li> 

Answer 1

ulEditExamPartsMenu является идентификатор ul так

$('#ulEditExamPartsMenul').append(data); 

Ваш селектор #ulEditExamPartsMenu ul ищет ul элемент, который является потомком элемента с идентификатором ulEditExamPartsMenu, такой элемент не существует не так ничего не получает прилагается.

Answer 2

это ищет ul в этом элементе ulEditExamPartsMenu, который сам по себе является ul:

$('#ulEditExamPartsMenu ul').append(data); 

поэтому изменение должно было быть сделано, как:

$('#ulEditExamPartsMenu').append(data); 

Answer 3

заменить эту строку

$('#ulEditExamPartsMenu ul').append(data); 

с,

$('#ulEditExamPartsMenu').append(data);

или

$('ul#ulEditExamPartsMenu').append(data);

причина заключается в ulEditExamPartsMenu это идентификатор ul сам

Кроме того, у пропустил < в поле ниже линии после </span> близкого

$tempString .= "<li><span class='red'> </span> button id='btnTeachLogout' name='btnTeachLogout' type='button'>Logout</button></li> ";