奇妙的错误 —— 你能看出来吗？

吉普赛的歌 社区高级成员 T9 2012-03-31 11:35:17 
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="jquery/jquery-1.7.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $.fn.extend({

            "setJson": function (json) {

                var id = this.id;

                var $form = $(this);

                //清空原有表单

                $form.find("select").each(function () {

                    this.selectedIndex = 0;

                });

                $form.find(":hidden").val("");  //# B 必须注释这一行，换成下一行( #C )， IE8(部分电脑) 和 Chrome 后面的行( #D )才能正常运行， 为什么？

                //clearHidden(this.id);         //# C



                $form = $("#");

                //给表单赋值

                $("#sel").val("1"); //# D

            }

        });



        function clearHidden(id) { 

            $("#"+id).find(":hidden").val("");

        }



        function test() {

            var o = { "sel": "1" };

            $("#bd").setJson(o);

        }

    </script>

</head>

<body id="bd">

    <input type="hidden" value="1" id="vtid" />

    <select id="sel">

        <option value="0">---请选择---</option>

        <option value="1">第一项</option>

        <option value="2">第二项</option>

    </select>

    <input type="button" value="test" onclick="test()" />

</body>

</html>
...全文
143 17 打赏 收藏 转发到动态 举报
写回复
用AI写文章
17 条回复
切换为时间正序
请发表友善的回复…
发表回复
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
你以为我没有搞清楚， 就结贴的吗？
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 14 楼 的回复:]

引用 10 楼 的回复:

引用 9 楼 的回复:
this.find("input:hidden").val("");


问题并不在这里， this.find(":hidden").val(""); 是简洁可行的代码

我已搞清楚问题所在了， 谢谢关注！
我只能说你有点无知了， :hidden是jquery的伪类，不是很必要应该避免使用，如果非要使用应该加上tagN……
[/Quote]
承认你很牛B， 但你在我结贴了还在骂人， 您还是哪热去哪吧
峭沙 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 的回复:]

引用 9 楼 的回复:
this.find("input:hidden").val("");


问题并不在这里， this.find(":hidden").val(""); 是简洁可行的代码

我已搞清楚问题所在了， 谢谢关注！
[/Quote]我只能说你有点无知了， :hidden是jquery的伪类，不是很必要应该避免使用，如果非要使用应该加上tagName选择器以提高效率(这和jquery的内部实现有关)，更何况:hidden并不只是表示type=hidden这么简单，他还包括所有其他不可见元素，比如head，script, visibility=hidden, display=none等，你的问题主要是出在各浏览器对option的解释不一样，firefox不认为option是不可见元素，而chrome刚认为option是不可见元素。。
<!DOCTYPE html>

<html>

<head>

    <title></title>

    <script src="jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        $.fn.extend({

            "setJson": function (json) {

                var id = this.id;

                var $form = $(this);

                //清空原有表单

                $form.find("select").each(function () {

                    this.selectedIndex = 0;

                });

                $form.find("[type=hidden]").val("");  //# B 必须注释这一行，换成下一行( #C )， IE8(部分电脑) 和 Chrome 后面的行( #D )才能正常运行， 为什么？

                //clearHidden(this.id);         //# C

				

                //$form = $("#");

                //给表单赋值

                //$("#sel").val("b"); //# D

                $("#sel").prop("selectedIndex", 1);

            }

        });



        function clearHidden(id) { 

            $("#"+id).find(":hidden").val("");

        }



        function test() {

            var o = { "sel": "1" };

            $("#bd").setJson(o);

        }

    </script>

</head>

<body id="bd">

    <input type="hidden" value="1" id="vtid" />

    <select id="sel">

        <option value="0">---请选择---</option>

        <option value="1">第一项</option>

        <option value="2">第二项</option>

    </select>

    <input type="button" value="test" onclick="test()" />

    <script>

    	var hiddens = $(":hidden");

    	for(var i = 0, len = hiddens.length; i < len; i++){

    		console.log(hiddens[i]);

    	}

    </script>

</body>

</html>
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
方便的话， 帮我看看
http://topic.csdn.net/u/20120331/09/ecbf4e98-84ab-46d5-a5ca-9498baafae60.html

这一个贴
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
知己啊， 果断给分结贴！
Acesidonu 2012-04-01
  • 打赏
  • 举报
 回复
alert(this.find(':hidden').size());//ff=1,ie8=4
alert(this.find('input:hidden').size());//ff=1,ie8=1
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 的回复:]
this.find("input:hidden").val("");
[/Quote]

问题并不在这里， this.find(":hidden").val(""); 是简洁可行的代码

我已搞清楚问题所在了， 谢谢关注！
Acesidonu 2012-04-01
  • 打赏
  • 举报
 回复
this.find("input:hidden").val("");
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 的回复:]
var id = this.id;alert(id);//undefined
[/Quote]
谢谢指点！ 下面是修改后的代码

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="jquery-1.6.4.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $.fn.extend({

            "setJson": function (json) {

                var id = this.attr("id");   //this已经是body被包装后的jquery对象

                //清空原有表单

                this.find("select").each(function () {

                    this.selectedIndex = 0;//此处的this是循环中的每一个select ， 不再是body

                });

                this.find(":hidden").val("");  //# B (此处的this是body被包装后的jquery对象) 必须注释这一行, IE8(部分电脑) 和 Chrome 后面的行( #C )才能正常运行， 为什么？



                //给表单赋值

                $("#sel").val("1"); //# C

            }

        });



        function test() {

            var o = { "sel": "1" };

            $("#bd").setJson(o);

        }

    </script>

</head>

<body id="bd">

    <input type="hidden" value="1" id="vtid" />

    <select id="sel">

        <option value="0">---请选择---</option>

        <option value="1">第一项</option>

        <option value="2">第二项</option>

    </select>

    <input type="button" value="test" onclick="test()" />

</body>

</html>


在Firefox下正常， 在IE8和Chrome下不行。

Acesidonu 2012-04-01
  • 打赏
  • 举报
 回复
var id = this.id;alert(id);//undefined
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 的回复:]

回帖有分？？
[/Quote]

谢谢， 围观有分
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 的回复:]
先弄清楚this指的是什么
[/Quote]
想说什么就直接说吧， 不要打醉拳。

[Quote=引用 4 楼 的回复:]
$form.find(":hidden").val(""); 这里的 $form 为 select 对象
这个对象 不存在 属性为hidden 的子元素
所以 $form.find(":hidden").val(""); 这语句的赋值没有执行
[/Quote]

this, 就是 传过来的id为bd (其实就是body)的对象--- $("#bd").setJson(o);
当然， $form也就是bd包装后的 jquery对象， 你觉得全部是select吗？
在body里， 找 hidden ， 有何不可？
如果换成$form.find(":text").val("") ； 都是没有任何问题的。
kinghome 2012-04-01
  • 打赏
  • 举报
 回复
$form.find(":hidden").val(""); 这里的 $form 为 select 对象
这个对象 不存在 属性为hidden 的子元素
所以 $form.find(":hidden").val(""); 这语句的赋值没有执行
Acesidonu 2012-04-01
  • 打赏
  • 举报
 回复
先弄清楚this指的是什么
ABCDEF 2012-04-01
  • 打赏
  • 举报
 回复
回帖有分？？
吉普赛的歌 社区高级成员 T9 2012-04-01
  • 打赏
  • 举报
 回复
为何我的贴就无人回呢？
峭沙 2012-04-01
  • 打赏
  • 举报
 回复
[Quote=引用 15 楼 的回复:]
承认你很牛B， 但你在我结贴了还在骂人， 您还是哪热去哪吧
[/Quote]年轻人，火气别这么旺，伤身。。
我这贴是在你没结之前发的，只是在编辑的时候，你把这贴给结了而已，再者我不认为我是在骂人，反而觉得你过于敏感
《信心——是什么？导致什么？》_司布真
作者：司布真目录第一章 信心的对象；或者，信心仰望谁？第二章 信心的原因；或者为什么会有人相信，他的信心从哪里来？第三章 罪人信心的根据；或者，凭什么他敢相信主耶稣基督？第四章 信心的理由；或者；为什么它敢信靠基督？第五章 信心的结果；或者，当它来到基督这里来的时候成就了什么？第六章 圣经对那些有信心之人所作的赦罪宣告。第七章 对信心的误解，基督徒常因此灰心的原因。第八章 信心包括了什么？第九章...
云原生——什么是云原生数据库？
通过上面的定义，我们可以看到云原生概念提出的大背景其实是针对应用层的，即我们常说的“云原生”是“云原生应用”，而非“云原生数据库”。于是很多非数据库领域的技术人事会将“云原生数据库”拆解为“云原生”+“数据库”，甚至提出基于容器部署的数据库才是“云原生数据库”，这是一个常见的错误认识。“原生”表示数据库的架构从设计之初就考虑到云的环境，原生为云而设计，在云上以最佳态势运行，充分利用和发挥云平台的弹性+分布式优势。如果只是把传统数据库搬到云上，而不从架构上进行优化，就不是真正的“云原生”的数据库。
魔术里的交代与暗交代（三）——暗交代是怎么做的？
早点关注我，精彩不错过！即日起到过年期间，每周MatheMagician专属红包封面送不停！快来领取，发完为止，先到先得！上一讲我们从交代的框架讲到了明交代的时机选择和局部有限交代的策略选择，相关内容请戳：魔术里的交代与暗交代（二）——明交代是怎么进行的？魔术里的交代与暗交代（一）——魔术交代的逻辑是什么？今天我们通过几个案例，来一起总结一下暗交代的特点和做法。纸巾复原——不能明说的秘密视频1纸...
从0到1的CTF之旅————Crypto（3）
————————————————————————————————————————————单位断网了，抱着我的小笔记本瑟瑟发抖，这么久还不给配电脑确实niu啊 ————————————————————————————————————————————第二十一题：RSA1（题目如图） 给出代码如下： 这里面计算出来是一个数字串，然后再使用libnum函数将其转化为字符串，如下： 其实这两个可以写一起，但是总是报一个当前长度仅适用于int格式的错误，算了，就分开写得了，可以得到最后结果为noxCTF{W31c0m3
c语言容易出现的错误数组,%99的C语言初学者都会犯的错误——奇妙的数组（玄学）...
这篇文章将介绍关于数组的两个有趣的问题一.c语言初学者困惑不解的问题之数组越界导致的无限循环。我先来简单的介绍一下数组的一些简单概念，这些概念将有助于你更好的理解这篇文章：数组(Array)是一种线性表数据结构。它用一组连续的内存空间，来存储一组具有相同类型的数据。数组(Array)有两个特点：1.连续的内存空间2.存储相同类型的的数据数组(Array)与链表(Link list)的区别：数组适合...
JavaScript

87,921

社区成员

224,619

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章