• 关于 html中隐藏td 的搜索结果

问题

HTML的动态宽度TD中的内容超出后隐藏

小旋风柴进 2019-12-01 20:17:06 1120 浏览量 回答数 1

问题

struts2中,如何在前台向后台发送List<pojo>的值?

蛮大人123 2019-12-01 20:24:40 985 浏览量 回答数 1

问题

js努力加载中……

chenchuan 2019-12-01 21:37:36 1184 浏览量 回答数 0

中小企业与商标那些事

企业品牌保护从商标开始,如何挑选一家靠谱的渠道注册商标,解读品牌权益维护的重要节点。

回答

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") 层叠选择器: $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器: $("tr:first") 选择所有tr元素的第一个 $("tr:last") 选择所有tr元素的最后一个 $("input:not(:checked) + span") 过滤掉:checked的选择器的所有的input元素 $("tr:even") 选择所有的tr元素的第0,2,4... ...个元素(注意:因为所选择的多个元素时为数组,所以序号是从0开始) $("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素 $("td:eq(2)") 选择所有的td元素中序号为2的那个td元素 $("td:gt(4)") 选择td元素中序号大于4的所有td元素 $("td:ll(4)") 选择td元素中序号小于4的所有的td元素 $(":header") $("div:animated") 内容过滤选择器: $("div:contains('John')") 选择所有div中含有John文本的元素 $("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组 $("div:has(p)") 选择所有含有p标签的div元素 $("td:parent") 选择所有的以td为父节点的元素数组 可视化过滤选择器: $("div:hidden") 选择所有的被hidden的div元素 $("div:visible") 选择所有的可视化的div元素 属性过滤选择器: $("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[name^='news']") 选择所有的name属性以'news'开头的input元素 $("input[name$='news']") 选择所有的name属性以'news'结尾的input元素 $("input[name*='man']") 选择所有的name属性包含'news'的input元素 $("input[id][name$='man']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素 子元素过滤选择器: $("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)") $("div span:first-child") 返回所有的div元素的第一个子节点的数组 $("div span:last-child") 返回所有的div元素的最后一个节点的数组 $("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组 表单元素选择器: $(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button $(":text") 选择所有的text input元素 $(":password") 选择所有的password input元素 $(":radio") 选择所有的radio input元素 $(":checkbox") 选择所有的checkbox input元素 $(":submit") 选择所有的submit input元素 $(":image") 选择所有的image input元素 $(":reset") 选择所有的reset input元素 $(":button") 选择所有的button input元素 $(":file") 选择所有的file input元素 $(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域 表单元素过滤选择器: $(":enabled") 选择所有的可操作的表单元素 $(":disabled") 选择所有的不可操作的表单元素 $(":checked") 选择所有的被checked的表单元素 $("select option:selected") 选择所有的select 的子元素中被selected的元素 选取一个 name 为”S_03_22″的input text框的上一个td的text值 $(”input[@ name =S_03_22]“).parent().prev().text() 名字以”S_”开始,并且不是以”_R”结尾的 $(”input[@ name ^='S_']“).not(”[@ name $='_R']“) 一个名为 radio_01的radio所选的值 $(”input[@ name =radio_01][@checked]“).val(); $("A B") 查找A元素下面的所有子节点,包括非直接子节点 $("A>B") 查找A元素下面的直接子节点 $("A+B") 查找A元素后面的兄弟节点,包括非直接子节点 $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点 1. $("A B") 查找A元素下面的所有子节点,包括非直接子节点 例子:找到表单中所有的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form input") 结果: [ <input name="name" />, <input name="newsletter" /> ] 2. $("A>B") 查找A元素下面的直接子节点 例子:匹配表单中所有的子级input元素。 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form > input") 结果: [ <input name="name" /> ] 3. $("A+B") 查找A元素后面的兄弟节点,包括非直接子节点 例子:匹配所有跟在 label 后面的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("label + input") 结果: [ <input name="name" />, <input name="newsletter" /> ] 4. $("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点 例子:找到所有与表单同辈的 input 元素 HTML 代码: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jQuery 代码: $("form ~ input") 结果: [ <input name="none" /> ]

小旋风柴进 2019-12-02 02:13:02 0 浏览量 回答数 0

问题

【CSS学习全家桶】416道CSS热门问题,阿里百位技术专家答疑解惑

管理贝贝 2019-12-01 20:07:24 8458 浏览量 回答数 1

回答

每行的复选框 可以当做seturl数组中的下标; <input name='id[]' type='checkbox' value='<?=$k?>'/> 1.更改指定的数组记录 假设按钮标识是action=edit 当用户选中0个或多个复选框,然后提交表单。相应的id会一起提交过去。 更改记录的id号有了, 然后直接覆盖 下标对应的数组, 修改完成。 2.删除指定的数组记录 假设按钮标识是action=delete (同更改指定的数组记录 逻辑上是一致的。) 用户选中0个或多个复选框,然后提交表单。相应的id会一起提交过去。 id有了,直接删除数组对应的下标 实现删除。 ######请问:  更改勾选的指定记录(如第3条数据)为“显示”状态('type'值改为'1'),activation.php中if($dopost=="show"),如何写啊?我写的$dquery = str_replace(array('1'), array('2'), $dquery);不成功。求大侠相助,不胜感激。 activation.php <?php //删除(或清空)勾选的记录 if($dopost=="del") { $ids = explode('-',$ids); $dquery = ""; foreach($ids as $id) { if($dquery=="") { $dquery .= "id='$id' "; } else { $dquery .= " OR id='$id' "; } } if($dquery!="") $dquery = " WHERE ".$dquery; // 这里不会写 $dquery = str_replace(array('1'), array('2'), $dquery); // ShowMsg("成功删除指定的记录!","test.php"); exit(); } //更改勾选的记录为“显示”状态('type'值为'1') if($dopost=="show") { $ids = explode('-',$ids); $dquery = ""; foreach($ids as $id) { if($dquery=="") { $dquery .= "id='$id' "; } else { $dquery .= " OR id='$id' "; } } if($dquery!="") $dquery = " WHERE ".$dquery; // 这里不会写 $dquery = str_replace(array('1'), array('2'), $dquery); ShowMsg("成功更改勾选的记录!","./test.php"); exit(); } //更改勾选的记录为“隐藏”状态('type'值为'2') if($dopost=="hide") { $ids = explode('-',$ids); $dquery = ""; foreach($ids as $id) { if($dquery=="") { $dquery .= "id='$id' "; } else { $dquery .= " OR id='$id' "; } } if($dquery!="") $dquery = " WHERE ".$dquery; // 这里不会写 $dquery = str_replace(array('1'), array('2'), $dquery); ShowMsg("成功更改指定的记录!","./test.php"); exit(); } ?> test.php <?php $tips = ''; if( isset($_GET['act']) && $_GET['act']=='seturl' && isset($_POST['edit']) && $_POST['edit']==1){ $datas = $_POST; foreach($seturl['type'] as $k=>$v){ if(trim($seturl['oldurl'][$k])==''){ unset($seturl['type'][$k]); unset($seturl['oldurl'][$k]); unset($seturl['newurl'][$k]); } } if(file_put_contents('data.php',"<?php\n \$seturl = ".var_export($seturl,true).";\n?>")){ $tips = '<span class="green" style="font-size:18px; margin-bottom:15px; display:block;">修改成功!</span>'; }else{ $tips = '<span class="red" style="font-size:18px; margin-bottom:15px; display:block;">修改失败!</span>'; } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- --> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script language="javascript"> function ReSel(){ for(i=0;i<document.configform.logs.length;i++){ document.configform.logs[i].checked = true; //如果是实现【全不选】的话,改成false即可 } } function SeSel(){ for(i=0;i<document.configform.logs.length;i++){ if(document.configform.logs[i].checked) document.configform.logs[i].checked = false; else document.configform.logs[i].checked = true; } } function DelSel(){ var nid = getCheckboxItem(); if(nid==""){ alert("请选择项目!\r\n"); return ; } location.href = "activation.php?dopost=del&ids="+nid; } function ShowSel(){ var nid = getCheckboxItem(); if(nid==""){ alert("请选择项目!\r\n"); return ; } location.href = "activation.php?dopost=show&ids="+nid; } function HideSel(){ var nid = getCheckboxItem(); if(nid==""){ alert("请选择项目!\r\n"); return ; } location.href = "activation.php?dopost=hide&ids="+nid; } //获得选中文件的文件名 function getCheckboxItem(){ var allSel=""; if(document.configform.logs.value) return document.configform.logs.value; for(i=0;i<document.configform.logs.length;i++) { if(document.configform.logs[i].checked){ if(allSel=="") allSel=document.configform.logs[i].value; else allSel=allSel+"-"+document.configform.logs[i].value; } } //alert(allSel); //1-2-7 return allSel; } </script> </head> <body> <!-- $nav = 'seturl';include('head.php'); --> <div id="hd_main"> <div align="center"><?php echo $tips?></div> <form name="configform" id="configform" action="./test.php?act=seturl&t=<?php echo time()?>" method="post"> <input name="edit" id="edit" type="hidden" value="1" /> <table width="100%" border="0" align="center" cellpadding="s" cellspacing="1" class="tablecss"> <tr class="thead"> <td align="center">数组管理测试</td> </tr> <?php if(is_file('data.php')){ include('data.php'); if(is_array($seturl)){ foreach($seturl['type'] as $k=>$v){ ?> <tr height="26" align="center" bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='#FCFDEE';" onMouseOut="javascript:this.bgColor='#FFFFFF';"> <td valign="top" style="padding-left:0px;"> <!-- <input name='logs' type='checkbox' class='np' id="logs" value='false' /> --> <input name="id[]" type="checkbox" class="np" id="logs" value="<?=$k?>"/> <select name="seturl[type][]"> <option value="1"<?php echo $seturl['type'][$k]==1?' selected="selected"':''?>>显</option> <option value="2"<?php echo $seturl['type'][$k]==2?' selected="selected"':''?>>隐■■■■■■</option> </select> <input name="seturl[oldurl][]" type="text" value="<?php echo $seturl['oldurl'][$k]?>" size="45" /> to <input name="seturl[newurl][]" type="text" value="<?php echo $seturl['newurl'][$k]?>" size="45" /> </td> </tr> <?php } } } ?> <tr height="26" align="center" bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='#FCFDEE';" onMouseOut="javascript:this.bgColor='#FFFFFF';"> <td valign="top" style="padding-left:0px;"> <input name="id[]" type="checkbox" class="np" id="logs" value="<?=$k?>"/> <select name="seturl[type][]"> <option value="1">显</option> <option value="2">隐■■■■■■</option> </select> <input name="seturl[oldurl][]" type="text" value="" size="45" /> to <input name="seturl[newurl][]" type="text" value="" size="45" /> </td> </tr> <tr id="fbox"> <td colspan="2" align="left" style="padding-left:20px;"> <a class="coolbg" onClick="ReSel();" >全选</a> <a class="coolbg" onClick="SeSel();" >反选</a> <a class="coolbg" onClick="DelSel();">删除</a> <a class="coolbg" onClick="ShowSel();">显示</a> <a class="coolbg" onClick="HideSel();">隐藏</a> <input id="configSave" type="submit" value=" 保 存 ">   <input id="add" type="button" value=" 新增加一条 "> (删除一条可清空该条保存)</td> </tr> </table> </form> </div><!--main--> <script type="text/javascript"> $(function(){ $("#add").click(function(){ $("#fbox").before('<tr height="26" align="center" ><td valign="top" style="padding-left:0px"><input name="id[]" type="checkbox" class="np" id="logs" value="<?=$k?>"/><select name="seturl[type][]"><option value="1">显</option><option value="2">隐■■■■■■</option></select> <input name="seturl[oldurl][]" type="text" value="" size="45"> to <input name="seturl[newurl][]" type="text" value="" size="45"></td></tr>'); }); }); </script> </body> </html> data.php <?php $seturl = array ( 'type' => array ( 0 => '1', 1 => '2', 2 => '2', 3 => '1', 4 => '1', 5 => '1', 6 => '1', 7 => '1', 8 => '1', 9 => '1', ), 'oldurl' => array ( 0 => 'oldurl1', 1 => 'oldurl2', 2 => 'oldurl3', 3 => 'oldurl4', 4 => 'oldurl5', 5 => 'oldurl6', 6 => 'oldurl7', 7 => 'oldurl8', 8 => 'oldurl9', 9 => '33', ), 'newurl' => array ( 0 => 'newurl1', 1 => 'newurl2', 2 => 'newurl3', 3 => 'newurl4', 4 => 'newurl5', 5 => 'newurl6', 6 => 'newurl7', 7 => 'newurl8', 8 => 'newurl9', 9 => '33', ), ); ?> ###### dopost=show的url请求 文件中好像没有吧 这里是点击保存按钮,实现修改选中项记录的功能 更改一条记录的流程: 用户选中第3条记录的复选框, 将其中的显示/隐藏和文本框字段修改为新值 然后点击保存按钮 提交给php文件处理,将传过来的数组为seturl的记录,数组下标为2的项 重新赋值 实现保存 另外,也可以将seturl的数组对应的值 全部重新赋值,这个是全篇保存了。

kun坤 2020-06-06 11:59:56 0 浏览量 回答数 0

问题

【javascript学习全家桶】934道javascript热门问题,阿里百位技术专家答疑解惑

管理贝贝 2019-12-01 20:07:22 6202 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 云栖号物联网 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 云栖号弹性计算 阿里云云栖号 云栖号案例 云栖号直播