关于JQuery插件编写的问题

notback 2014-06-06 10:25:03
本准备按照网上找来的教程开发个自用的插件,碰到点问题,求教一下:
教程转贴地址:http://blog.csdn.net/notback/article/details/28415521

js文件内容:
(function($){
$.fn.tmptest = function(){
var tt;
tt=$(this).children("div.mainshow").html;
alert(tt);

}
})(jQuery);

网页html结构

<div id="myalbum">
<!-- 中图显示层 -->
<div class="mainshow"> <img class="ZoomImg" src="imgs/c.jpg" bigsrc+"imgs/c_big.jpg"> </div>
<!-- 小图列表显示层 -->
<div class="listshow">
<button id="toleft"></button>
<ul>
<li><img src="imgs/a_small.jpg" /></li>
<li><img src="imgs/b_small.jpg" /></li>
<li><img src="imgs/c_small.jpg" /></li>
<li><img src="imgs/d_small.jpg" /></li>
<li><img src="imgs/e_small.jpg" /></li>
<li><img src="imgs/f_small.jpg" /></li>
</ul>
<button id="toright"></button>
</div>
<!-- 放大层 -->
<div class="zoomshow"></div>
</div>


网页jquery代码
		<script type="text/javascript">
$(document).ready(function() {
$("div.myalbum").tmptest();

});
</script>

问题:
为何插件中的tt不能获得div .mainshow中的html内容?

ps:
教程中的元数据指的什么意思啊!
...全文
162 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuzuning 2014-06-06
  • 打赏
  • 举报
回复
你调用时用的是 $("div.myalbum").tmptest(); 这个 myalbum 是 class 而 html 中 <div id="myalbum"> myalbum 是 id 目标不一样,当然结果也不一样
  • 打赏
  • 举报
回复
调用错了,没找到元素 =》 $("#myalbum").tmptest();
zhjdg 2014-06-06
  • 打赏
  • 举报
回复
$("div#myalbum")
notback 2014-06-06
  • 打赏
  • 举报
回复
引用 1 楼 Return_false 的回复:
获取内容应该是 html(),而不是html属性,是方法
改了,alert返回null
  • 打赏
  • 举报
回复
获取内容应该是 html(),而不是html属性,是方法
  • 打赏
  • 举报
回复
你有时间去搜一下就会明白了 http://blog.csdn.net/qianzhiyong111/article/details/6954650
notback 2014-06-06
  • 打赏
  • 举报
回复
nnd,又犯了这种低级错误! 谁能第一个给我解释一下什么叫支持Metadata 并能分解一下http://blog.csdn.net/notback/article/details/28415521 中 2.6 支持Metadata插件 部分的意思 分给大头

87,907

社区成员

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

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