【问题标题】:JavaScript <a href> to a <div> and its childrenJavaScript <a href> 到 <div> 及其子级
【发布时间】:2014-02-03 02:41:29
【问题描述】:

我正在尝试开发这个简单的网站,但我以前从未使用过 Javascript。

我有一个菜单,它基于我网站上的 href 到 div 标签与不同公司的不同协议。因此,当用户单击菜单中的选项时,右侧的 div 项会淡入。

现在我想为每个公司使用 google maps api 使网站更实用。 所以我需要在菜单中&lt;a href&gt; 来显示不止一个&lt;div&gt; 项。我试图通过在&lt;div&gt; 项目中使用&lt;table&gt; 来解决这个问题。因为我希望左边有公司描述,右边有谷歌地图+简短描述。但现在我决定我想使用带有显示属性的 &lt;div&gt; 项目,而不是 &lt;div&gt; 项目中的 &lt;table&gt;

这里是简单的代码,没有用于从数据库收集信息的 php 代码: http://jsfiddle.net/nerfux/546Jn/7/

如您所见,category2 -> company3 是我制作的混乱解决方案。在&lt;div id='com-1'&gt;&lt;div id='com-2'&gt; 的HTML 代码中,我已经注释掉了我要使用的解决方案。

所以,一个简短的说法:当我点击一个 div 项目的 href 时,我还想淡入 &lt;div&gt; 项目下面的所有 &lt;div&gt; 项目我 &lt;a href=*div id*&gt; 到(不管他们是否有id 与否)。

【问题讨论】:

    标签: javascript jquery html href


    【解决方案1】:

    如果你只想隐藏包装容器(.content),而不是里面的div,你可以在选择器中添加&gt;。只会影响.content下的div。

    所以添加&gt;
    $('.content div')
    像这样
    $('.content &gt; div')

    【讨论】:

      猜你喜欢
      • 2017-09-27
      • 2018-06-15
      • 1970-01-01
      • 2012-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-18
      • 2011-12-06
      相关资源
      最近更新 更多