jQuery - 정의되지 않은 변수로 어려움을 겪고 있습니다.

Question

jquery로 html 태그의 속성 값을 가져 오려고했습니다.

$query = "SELECT * FROM frontpage_modules"; 
     mysql_query("SET NAMES 'utf8'"); 
     $result = mysql_query($query) or (mysql_error()); 
     while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
      $list[] = $row['module_name']; 
      $name[] = $row['name']; 
      $img[] = $row['img']; 
      $link[] = $row['link']; 
      $module_content[] = $row['module_content']; 
     } 
    ?> 


    <form action="ChangeFrontpageModule.php" method="post"> 
    <ul id="gallery"> 
      <?php 

       for ($idx = 0; $idx < count($list); $idx+=1) { 
        echo "<li data-itemid='" . $idx . "'>"; 
        echo "<div class='drag_div'>"; 


        echo '<div class="kundeutsagn">'; 
        echo '<img src="http://www.amedisin.no/pictures/artikler/'.$img[$idx].'" alt="Top5" title="Top5" />'; 
        echo '<div class="statement_top">'; 
        echo '<h5>'.$name[$idx].'</h5>'; 
        echo "<input type='text' name='title' value='".$name[$idx]."' />"; 
        echo $module_content[$idx]; 
        echo '</div></div>'; 


        echo "</div>"; 
        echo "</li>"; 
       } 
      ?> 
     </ul> 
    </form> 

입력 항목의 data-itemid (li 내) 및 값에 저장된 ID를 전달하려고합니다. , 속성 값이 "정의되지 않은"오류가 returnes하지만

다음

는,이 코드는 "VAR 제목 = $ (이)) (.val"하지만 입력 요소에서 데이터를 얻을 수있어

당신이 게시 당신은 $(this).parent('ul')에서 data-itemid 속성을 요구하고 오류

<script> 
     $(function() { 
    $('h5').click(function() { 
     $(this).slideUp().next('input').slideDown(); 
    }); 
    $('ul#gallery input').change(function() { 
     var id = $(this).parent('li').attr('data-itemid'); 
     var thisParam = $(this); 
     var title = $(this).val(); 
     $.ajax({ 
      type: 'POST', 
      url: 'JavaScript/ChangeFrontpageModule.php', 
      data: 'title=' + title + '&id=' + id, 
      success: function(response) { 
       $('input').slideUp(); 
       $(thisParam).prev('h5').text(title).slideDown(); 
       $('#response').fadeIn(1000).empty().append(response).prepend('<span id="x">X</span>'); 
       $('span#x').click(function() { 
        $('div#response').fadeOut('slow'); 
       }); 
      } 
     }); 
    }); 
}); 
     </script> 

Answer 1

를 반환 JQuery와 스크립트,하지만 첫 번째 조각의 속성이 아니라 <ul>에서 <li> 요소입니다.

편집 : 자세히 살펴보면 input도 li의 직계 종속이 아닙니다. 대신 closest()을 사용하십시오.

$(this).parent('li')을 $(this).closest('li')으로 전환하면 문제가 없습니다. closest()에 대한 @의 wirey의 의견에

신용, 내가 실수,