一个项目,要求点击第一排的dd@name 获取第二排与之name相同的所有dd 其余的dd 隐藏,不知道什么地方不对,各位高手看看 指点一下<div id="filter">
<dl id="class1"><dt>选项1</dt>
<dd name="aa">选项</dd><dd name ="bb">选项</dd><dd name ="cc">选项</dd></dl>
<dl id="class2"><dt>选项2</dt>
<dd name="aa">选项2</dd><dd name ="aa">选项22</dd><dd name ="aa">选项222</dd>
<dd name ="bb">选项2</dd><dd name ="bb">选项22</dd><dd name ="bb">选项222</dd>
<dd name="cc">选项2</dd><dd name ="cc">选项22</dd><dd name ="cc">选项222</dd>
</dl></div>JS:$(document).ready(function () {
$("dl#class1 dd").click(function(){ $("dl#class2 dd").hide()
.find("dd[name*='this.name']").show();
});怀疑是 this.name 赋值的问题 但是 alert(this.name) 可以得到值,迷惑中...... 高手不吝指教!!!
<dl id="class1"><dt>选项1</dt>
<dd name="aa">选项</dd><dd name ="bb">选项</dd><dd name ="cc">选项</dd></dl>
<dl id="class2"><dt>选项2</dt>
<dd name="aa">选项2</dd><dd name ="aa">选项22</dd><dd name ="aa">选项222</dd>
<dd name ="bb">选项2</dd><dd name ="bb">选项22</dd><dd name ="bb">选项222</dd>
<dd name="cc">选项2</dd><dd name ="cc">选项22</dd><dd name ="cc">选项222</dd>
</dl></div>JS:$(document).ready(function () {
$("dl#class1 dd").click(function(){ $("dl#class2 dd").hide()
.find("dd[name*='this.name']").show();
});怀疑是 this.name 赋值的问题 但是 alert(this.name) 可以得到值,迷惑中...... 高手不吝指教!!!
解决方案 »
- ext4 tree横向滚动条不出来
- 如何在一个div 中插入表格呢
- 如何给setInterval里的函数加参数?奇怪了
- 点击表格行,checkbox自动选中的问题
- 如何控制像IE 7 这样的带标签式的浏览器的右上角的关闭按钮(用js)
- 有参数的正则表达式怎么写?
- 谁能帮忙修改这段代码在firefox下用,谢谢
- 文本框input 设置属性 readonly 按Backspace时会返回上一页
- 怎样做到像excel形式的表格?
- javascript中是否也有类似VBScript中的ByRef那样的变量声明方式?
- 判断radio是否被选中
- 求Ext.toolbar鼠标移开隐藏menu,麻烦各位高人帮帮忙,困扰2天了
$("#class1").click(function(e){
var name = $(e.target).attr("name");
dl2.find("dd[name!=" + name + "]").hide().end().find("dd[name=" + name + "]").show();
})
$("#class1").delegate("dd", "click", function() {
$("#class2 dd[name="+$(this).attr("name")+"]").show().siblings("dd[name!="+$(this).attr("name")+"]").hide();
});
});
$('#class1 dd').click(function(){
$('#class2 dd').hide().filter('[name='+$(this).attr('name')+']').show()
})