重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
$("#dc div")意思为查找id值为dc这个容器中所有的div标签
10年积累的网站设计制作、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计制作后付款的网站建设流程,更有乐陵免费网站建设让你可以放心的选择与我们合作。
这个就是一个层级的概念了
$("#dcdiv:first")这个就是说查找id值为dc这个容器中的直接div标签(不包括其他标签内部的div标签)
同时,咱们能看到还有一个:first,这个就是说只定位到第一个div标签上面
div id="dc"
div name="1"/div
div name="2"
div name="3"/div
/div
/div
$("#dc div")要使用这个查找的话,他就能找到name=1 2 3这三个div
$("#dcdiv")要使用这个查找的话,他就能找到name=1 2这两个div
$("#dcdiv:first")要是使用这个查找的话,他就只能找到 name=1的这个div了
您说的$("#dcdiv")或$("#dc=div")这两种方法就是没有的了,
因为在这里不是一个比较运算符,
script type="text/javascript"
$($(".navbar li").click(function(){
$(this).addClass("test");
}));
/script
上面这段放到你的代码里试试
循环图片和按钮 都加上索引
然后给每个按钮加上事件
也就是说当点击第几个按钮就显示第几张图片。
!DOCTYPE HTML
html
head
meta charset="UTF-8" /
titlemain.html/title
style type="text/css"
table {
width: 100%;
border: 1px solid black;
border-collapse: collapse;
}
td,th {
border: 1px solid black;
}
/style
script type="text/javascript" src="jquery-1.8.0.min.js"/script
script type="text/javascript"
$ (function ()
{
var tbody = $ ('tbody');
$ ('#add').click (function ()
{
$ ('tbody tr:not(:contains("作者"))').each (function (i, dom)
{
tbody.append ($ (this).clone ());
});
});
});
/script
/head
body
table
tbody id="picture"
tr
th作者 :/th
td
ul
liinput style="width: 500px;" type="text" name="author[]" class="input-text" size="60" maxlength="200" value="" /
/li
/ul/td
/tr
tr
th图文标题 :/th
td
ul
liinput style="width: 500px;" type="text" name="title[]" class="input-text" size="60" maxlength="200" value="" /
/li
/ul/td
/tr
tr
th阅读原文链接 :/th
td
ul
liinput style="width: 500px;" type="text" name="content_source_url[]" class="input-text" size="60" maxlength="200" value="" /
/li
/ul/td
/tr
tr
th图文内容 :/th
td
ul
litextarea style="width: 500px; b height: 50px;" name="content[]" class="input-text" rows="2" cols="56"/textarea
/li
/ul/td
/tr
tr
th图文图片 :/th
td
ul
liinput type='file' name='pic[]'
/li
/ul/td
/tr
/tbody
/table
div class="bk15"/div
div class="btn"
input type="hidden" name="formhash" value="404446c9a547d166" / input type="button" id="add" name="action" value="添加"
style="visibility: visible; margin-left: 350px; background-color: #004499; border: none; width: 55px; height: 28px; color: #fff; margin-top: 30px;" /
/div
/body
/html
工具:网页调试工具如火狐firebug,还有谷歌自带的前端调试叫什么忘记了,
打开网页,F12 进入调试,查看元素 ,鼠标移上去看就知道了,比如你这张图片在这个网页是这样的img class="ikqb_img" src="" esrc=""
css: #showGo{display:none;} js(引入jQuery): setTimeout(function(){ $("#showGo").show("slow"); },3000);