我想从更改文本更改类

Question

我根据自动更改的文本进行类更改时遇到问题。

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

文本更改为WAIT，ON，OFF。

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

任何帮助，将不胜感激。

Answer 1

添加一个类.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 2

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

jQuery的：

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

HTML：

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

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