【问题标题】:assigning a variable to HTML selector , class将变量分配给 HTML 选择器,类
【发布时间】:2018-01-22 07:20:15
【问题描述】:

我想在 html 选择器类中分配一个 javascript 变量。是否可以? 前任。

var assign="hotel";

下面的代码都是用javascript写的

<span class=assign></span>

【问题讨论】:

  • 请详细说明,问题完全清楚(恕我直言,可以关闭)
  • 这和 PHP 有什么关系?
  • 好的,抱歉。生病重建问题。
  • 请发布更多代码,并解释“在 html 选择器类中分配一个 javascript 变量”是什么意思,并附上所需行为的示例。

标签: javascript php html


【解决方案1】:

您可以使用 java 脚本变量分配 css 类。请检查以下代码,它可能会对您有所帮助。这里 span 将有类 'hotel'

var assign="hotel";
document.write('<span class='+assign+'>test</span>');

【讨论】:

  • 这就是我要找的。因此,跨度类等于 test ??
  • 感谢它的工作。我需要这个作为我的星级评分,因为它正在循环播放,我需要一个独一无二的课程
【解决方案2】:

这是一个包含 3 个类的示例,以及一个在您想要更改时调用的函数(这里是单击带有 hotel-button id 的按钮)。

CSS 样式

<style>
    .hotel {
        color: red;
    }

    .garage {
        color: blue;
    }

    .house {
        color: black;
    }

    ...
</style>

JS(jQuery)函数

<script>
    function assignClass(assign) {
        $('.assign').removeClass('hotel house garage').addClass(assign);
    }
</script>

使用:

<button id="hotel-button">hotel</button>
<script>
    $('#hotel-button').on('click', function(e) {
        e.preventDefault();
        assignClass('hotel');
    });
<script>
<span class="assign"></span>

【讨论】:

  • 感谢梅洛曼。我能问个问题吗?我有一个对象 rating = { hotel_a : 2.8, };但是当我使用 rating.push({hotel_b : 3.2}) 推送另一个对象时,它给了我 ratings.push 不是一个函数,为什么?
  • stackoverflow.com/questions/29696572/… 我认为这是你的答案。
猜你喜欢
  • 1970-01-01
  • 2010-10-22
  • 1970-01-01
  • 1970-01-01
  • 2015-07-15
  • 2021-09-13
  • 2011-09-15
  • 2020-03-31
  • 1970-01-01
相关资源
最近更新 更多