Question

我无法根据自动更改的文本来更改类。

<div class="WAIT">
    <p id="device_display">WAIT</p>
</div>

文本更改为WAIT，ON，OFF。

注意：文本会使用MQTT自动更改。

任何帮助将不胜感激。

Answer 1

您可以创建一个名为changeText的类，然后使用该类来更新值。

jQuery：

$(".changeText").attr('class', $(".changeText").innerHTML+' changeText');

HTML：

<div class="WAIT changeText">
    <p id="device_display">WAIT</p>
</div>

Answer 2

添加一个类.parent并尝试以下脚本：

$('#device_display').bind("DOMSubtreeModified", function() {
  $(this).closest('.parent')
    .removeClass('WAIT ON OFF')
    .addClass($(this).text());
});

$('input').on('change', function() {
  $('#device_display').text($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent WAIT">
    <p id="device_display">WAIT</p>
</div>

<hr>
<input type="text">

这是您要寻找的吗？

Answer 3

<div class="WAIT" id="changeid">
   <p id="device_display">WAIT</p>
</div>

var htmltxt = $("#device_display").html();
$("#changeid").attr('class', htmltxt);

不确定这是否是您要寻找的，这是根据我的知识可能给出的答案。

链接引用：

J-Query change class name

J-Query .html documentation

我想从更改文本更改班级

3 个答案: