隐藏通过点击按钮使用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

回答

相关问题