【问题标题】:is it a proper way to add element id using php?使用php添加元素ID是一种正确的方法吗?
【发布时间】:2015-04-04 04:40:33
【问题描述】:

我愿意使用 javascript 对这些 div 进行一些 css 更改 onmouseover 和 onmouseout。 使用 php 为每个元素添加唯一 ID 是否正确,如下所示。

<div id="header">
<div id="<?php echo "menu_id".$i++ ?>">home</div>
<div id="<?php echo "menu_id".$i++ ?>">contact</div>
<div id="<?php echo "menu_id".$i++ ?>">about</div>
</div>

【问题讨论】:

  • “专业吗?”你的意思是“它被认为是最佳实践吗?”您是在寻找更好的方法来完成某些任务(这里的基本要求不是很清楚),还是只是为了审查您的代码(您没有提供太多代码)?
  • 为什么需要一个 id 才能做到这一点?有时添加 id 完全没问题。视情况而定。
  • 专业提示(双关语)专业意味着您通过做某事获得报酬。因此,如果您通过上述方式获得报酬,那确实非常专业。

标签: javascript php html css


【解决方案1】:

我认为在这种情况下使用“仅”CSS 是更好的选择。 看看 :nth-child() (http://www.w3schools.com/cssref/sel_nth-child.asp) 和 :nth-of-type() (https://developer.mozilla.org/de/docs/Web/CSS/:nth-of-type)

【讨论】:

    【解决方案2】:

    看起来您正在处理动态内容,所以如果您需要提供所有这些唯一 ID,那么这将完成。但是,根据您提供的图像,您尝试实现的目标不应该要求每一个都需要一个唯一的 id。如果您让我们知道您需要这些 id 的用途,那么我们或许可以提供一种更专业的方式来做到这一点。如果它们只是 css 钩子,可以查看 nth-child(n) 选择器

    #header div:nth-child(2) {
        background-color: rgba(100,100,100,0.4);
    }
    

    不过,为了解决专业性问题:专业人士必须处理一些非常时髦的系统,并且必须采取措施绕过这些系统的限制,这些限制可能会让他们有点心痛。如果这是其中一种情况,那么恭喜你 - 你是专业人士!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-11-09
      • 1970-01-01
      • 2011-11-17
      • 2014-05-14
      • 1970-01-01
      • 2019-03-23
      • 1970-01-01
      • 2013-04-04
      相关资源
      最近更新 更多