php - jQueryを使用してボタンクリックで「li」タグを非表示にする

Question

私のコードは以下の通りです：

 <ul class="classul">  
 <?php
    $uid = $_REQUEST['uid'];
    include("lib/db_function.php"); 
    $query = "SELECT * FROM tblproject";
    $exc = mysql_query($query) or die (mysql_error());
    while($val = mysql_fetch_array($exc)){
?>                  
    <li id="li<?php echo $val['projectId']?>"><a href="#<?php echo $val['projectId']?>"><?php echo $val['projectName']?></a></li>

   <?php } ?> 
    <li><img src="images/Plus-icon.png" width="30" height="30" id="addproject"></li> 
   <input type="hidden" name="uidhide" id="uidhide" value="<?php echo $uid;?>">
</ul> 



    <?php   
$qry ="SELECT * FROM tblproject";
    $re = mysql_query($qry) or die (mysql_error());
    while($data = mysql_fetch_array($re)){
?>  
<script language="javascript">
$(document).ready(function(e) {
    var ul = $('.classul li').addClass('<?php echo $data['projectId'];?>');
            $("#hideproject<?php echo $data['projectId'];?>").click(function(e) {
                ul.remove();


            });
});
   </script>
 <input type="button" name="hideproject" id="hideproject<?php echo $data['projectId'];?>" value="Hide Project">
<?php 
}
?>

問題: [プロジェクトを非表示] ボタンをクリックすると、すべてが非表示になりますli tag

必要なもの:li tag [プロジェクトを非表示] ボタンをクリックすると、生成した独自の ID を持つ1 つだけを非表示にしたいphp。

Answer 1

試す：

//ul.remove();
$("#li"+<?php echo $data['projectId'];?>).hide();