如何写一个jquery形式的入口,客人点提交策略时自动接收并关闭该行div的显示,比如点infoadd('MT_DIV1');关闭MT_DIV1,谢谢
<body>
<DIV id="MT_div1" class="divline">
<div id="MT_DIV1.id" class="subdiv">MT100</DIV><div id="MT_DIV1.name" class="subdiv">aa</DIV><div id="MT_DIV1.age" class="subdiv">21</DIV><div id="MT_DIV1.aihao" class="subdiv">没有</DIV><div class="subdiv"><button onclick="infoadd('MT_DIV1');">提交策略</button></div>
</DIV>
<DIV id="MT_div2" class="divline">
<div id="MT_DIV2.id" class="subdiv">MT200</DIV><div id="MT_DIV2.name" class="subdiv">aa2</DIV><div id="MT_DIV2.age" class="subdiv">22</DIV><div id="MT_DIV2.aihao" class="subdiv">没有2</DIV><div class="subdiv"><button onclick="infoadd('MT_DIV2');">提交策略</button></div>
</DIV>
<DIV id="MT_div3" class="divline">
<div id="MT_DIV3.id" class="subdiv">MT300</DIV><div id="MT_DIV3.name" class="subdiv">aa3</DIV><div id="MT_DIV3.age" class="subdiv">23</DIV><div id="MT_DIV3.aihao" class="subdiv">没有3</DIV><div class="subdiv"><button onclick="infoadd('MT_DIV3');">提交策略</button></div>
</DIV>
<DIV id="MT_div4" class="divline">
<div id="MT_DIV4.id" class="subdiv">MT400</DIV><div id="MT_DIV4.name" class="subdiv">aa4</DIV><div id="MT_DIV4.age" class="subdiv">24</DIV><div id="MT_DIV4.aihao" class="subdiv">没有4</DIV><div class="subdiv"><button onclick="infoadd('MT_DIV4');">提交策略</button></div>
</DIV>
<DIV id="MT_div5" class="divline">
<div id="MT_DIV5.id" class="subdiv">MT500</DIV><div id="MT_DIV5.name" class="subdiv">aa5</DIV><div id="MT_DIV5.age" class="subdiv">25</DIV><div id="MT_DIV5.aihao" class="subdiv">没有5</DIV><div class="subdiv"><button onclick="infoadd('MT_DIV5');">提交策略</button></div>
</DIV>
</body>
不需要起id,这样会很麻烦,通过关系隐藏就行了
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.4.1/jquery.min.js"></script>
<div id="MT_div1" class="divline">
<div id="MT_DIV1.id" class="subdiv">MT100</div><div id="MT_DIV1.name" class="subdiv">aa</div><div id="MT_DIV1.age" class="subdiv">21</div><div id="MT_DIV1.aihao" class="subdiv">没有</div><div class="subdiv"><button>提交策略</button></div>
</div>
<div id="MT_div2" class="divline">
<div id="MT_DIV2.id" class="subdiv">MT200</div><div id="MT_DIV2.name" class="subdiv">aa2</div><div id="MT_DIV2.age" class="subdiv">22</div><div id="MT_DIV2.aihao" class="subdiv">没有2</div><div class="subdiv"><button>提交策略</button></div>
</div>
<div id="MT_div3" class="divline">
<div id="MT_DIV3.id" class="subdiv">MT300</div><div id="MT_DIV3.name" class="subdiv">aa3</div><div id="MT_DIV3.age" class="subdiv">23</div><div id="MT_DIV3.aihao" class="subdiv">没有3</div><div class="subdiv"><button>提交策略</button></div>
</div>
<div id="MT_div4" class="divline">
<div id="MT_DIV4.id" class="subdiv">MT400</div><div id="MT_DIV4.name" class="subdiv">aa4</div><div id="MT_DIV4.age" class="subdiv">24</div><div id="MT_DIV4.aihao" class="subdiv">没有4</div><div class="subdiv"><button>提交策略</button></div>
</div>
<div id="MT_div5" class="divline">
<div id="MT_DIV5.id" class="subdiv">MT500</div><div id="MT_DIV5.name" class="subdiv">aa5</div><div id="MT_DIV5.age" class="subdiv">25</div><div id="MT_DIV5.aihao" class="subdiv">没有5</div><div class="subdiv"><button>提交策略</button></div>
</div>
<script>
$('button').click(function () { $(this).closest('div.divline').hide()})
</script>
获取点击到的div的id, 然后根据id隐藏不行了?
你可以给每一个div设置同样的样式,给这个样式写一个触发事件,每次点击,获取到当前对象,隐藏即可