【问题标题】:Is it possible to edit DIV tag id name using functions?是否可以使用函数编辑 DIV 标签 ID 名称?
【发布时间】:2015-01-05 09:37:04
【问题描述】:

我有一个插件,它在页面上使用 3 个完全相同的 div,使用相同的类。

<div class="my-class"> <div class="my-class"> <div class="my-class">

我想编辑插件的代码并在每个 div 中添加一个id,这样我就可以使用它了 稍后使用 css。

但由于后期更新问题,我不想碰父代码。

有没有办法只使用functions.php文件中的函数将id标签添加到div??


伙计们,在上述 1 之后还有 1 个附加问题。

您对这个问题投了反对票 -2。由于这个原因,我最近收到了管理员关于我的帐户限制的消息。 我不认为我问了一个愚蠢的问题,而且我自己也不是编码员,所以也许这很愚蠢,但显然我只是想了解您为什么没有很好地理解它以及我应该问什么类型的问题以后避免。 您的评论将不胜感激,尤其是投反对票的人。干杯。

【问题讨论】:

  • 什么是functions.php
  • id 是独一无二的,你应该很好地使用类...
  • 您的具体要求是什么
  • @JamesDonnelly 你可能上错论坛了 :)
  • @BhojendraSah - 很好发现,id 是唯一的,这就是我想使用 id 的原因,因为当前的类都是相同的。

标签: php jquery css


【解决方案1】:

您可以使用 CSS 区分它们,而无需添加它们的 ID 属性。

<div class="my-class"></div>
<div class="my-class"></div>
<div class="my-class"></div>

<style>
    .my-class {width: 200px; height: 100px; background: red;} /* rules for all .my-class elements, eg. width&height, whatever */
    .my-class:nth-child(2) {background: green}
    .my-class:nth-child(3) {background: blue}
</style>

http://jsfiddle.net/fwy38om7/

【讨论】:

  • 我知道我可以在我的 css 中使用:nth-child()(并且它有效),但是有没有办法使用过滤器和操作来完成?
  • @JoeBloggs:如果不知道functions.php,没有人能帮助你更多。使用条件可能是可能的,但您只向我们展示了一些 HTML 代码,而这就是我们能够为您提供帮助的全部(基于您的问题)。
  • 这就是我所拥有的,抱歉,我有 3 个 div 相互卡住,都具有完全相同的类。我知道我可以直接破解代码,也可以使用 css 使用您的解决方案,但我在想也许我可以使用函数或某种过滤器,使用 functions.php 文件并以这种方式为它们分配一个 ID。
【解决方案2】:

你可以使用 Jquery 来引用它们

$(".my-class").each(function() {

})

【讨论】:

    【解决方案3】:

    在下面添加 javascript 以将 id 添加到您的 div

    i=0;
    $(".my-class").each(function() {
    $(this).attr('id', 'constanttext' + i);
    i++;
    })
    

    【讨论】:

    • i 变量相当多余。 each 传递元素引用和顺序索引参数
    猜你喜欢
    • 1970-01-01
    • 2017-10-01
    • 2012-07-22
    • 1970-01-01
    • 1970-01-01
    • 2022-08-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多