javascript - 如何在 CSS 中使用位置？

Question

<table id="tab">
    <tr><td class="here">dgd</td><td class="here">dfg</td></tr>
    <tr><td class="here">fgf</td><td class="here">sg4</td></tr>
</table>


<table id="new">
    <tr><td id="al">sss</td></tr>
</table>

#tab td {
  padding: 5px;
  border: solid 1px red;
}

#new td {
    padding: 5px;
    height: 40px;
      border: solid 1px green;
    background-color: green;
}

#new {
    display: none;
}

$(".here").click(function(){
   $("#new").show();
})

    $("#al").click(function(){
       alert('ok');
    })

直播:http://jsfiddle.net/HTHnK/

我如何修改此示例以在 jQuery 中添加位置？我想 - 如果我点击 .here 然后 table id = new 应该会显示这个点击的 TD。此外，如果我在 table id = new 之外单击，则它应该隐藏。

我怎样才能做到？

Answer 1

你想成为这样的人吗？

http://jsfiddle.net/HTHnK/6/