Javascript 使用jQuery更改data.color不透明度

我需要在下面的代码中降低部分的不透明度：

$('.out-of-order-rooms').append('
    <div class="col-md-2" style="padding:1px">
        <div class="well room- well' + ooc + '" style="background-color:' + data.Color + ';color:' + data.FontColor + '; text-align:center;font-size:12px;"> ' + '
        <div class="row">
        <div class="col-md-4" style="padding:1.15em 0.2em 1.15em 0.5em;border-right: 2px solid #eeeeee6e;font-size: 1.6em;">' + data.RoomName + '<input type="hidden" value="' + data.RoomId + '" id="room-id" /></h4>
        </div>' + '
            <div class="col-md-8" style="display: flex;align-items: center;justify-content: center;height: 5.5em;background-color: #8880;text-align: left;padding-left: 0.8em;">
                <h4 style="font-size:1.4em;">' + data.RoomStatusName + '
                    <input type="hidden" class="font"value="' + data.RoomStatusId + '" id="room-id"/>
                </h4>
            </div>' + ' 
        </div>
    </div>
</div>'

---

)

正如我在上面的评论中所提到的，您应该能够使用以下两种方法中的任何一种来更改该元素的不透明度，尽管后者更合适，除非您需要随时间改变不透明度

css方法应该非常简单：

$。无序房间。附加“不太不透明”； $.col-md-8.css'opacity'，'0.2'； 不透明的

---

您可能希望共享更多代码，因为它有助于其他人了解上下文，包括您尝试过但没有成功的内容。此外，有时包含一个工作片段也会有所帮助。例如，您可以使用代码，然后在问题中插入指向它的链接。您应该可以使用jQuery或方法来完成此操作。我在其中添加了fadeTo方法。但那也不是答案。我以前试过这个答案。但实际上并不是解决办法。谢谢