隱藏通過點擊按鈕使用jQuery

一個「禮」的標籤我的代碼如下：隱藏通過點擊按鈕使用jQuery

<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，我產生它在php。

來源

2013-09-27 sealong Maly

請不要將[tag：php]與[tag：html]混淆，顯示前者在我們需要查看後者時無濟於事（jQuery和JavaScript一般）使用呈現的HTML工作在客戶端。你能舉一個例子嗎？ –

嘗試：

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

來源

2013-09-27 06:49:29

試試這個

<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(); 
$(this).addClass('.classul'); // add this line 


      }); 
}); 
    </script>

來源

2013-09-27 06:46:45

的 'UL' 變量保存完整的UL列表（即所有li元素），因爲

$('.classul li')

回報所有李。當你調用.remove時，它已經全部刪除。

以最小的變化，你可以嘗試更改上面的代碼爲

$('.classul li#'<?php echo $data['projectId']; ?>)

此外，循環數據庫查詢結果集生成的HTML代碼是壞的，循環生成JavaScript代碼的PHP代碼混合是，如果不差最不好。

來源

2013-09-27 06:52:24 DavidLin

隱藏通過點擊按鈕使用jQuery

回答

相關問題