我正在尝试根据另一个元素的内容将 HTML 类添加到特定元素。该元素的数据是动态的。这是我的代码:
<div class="container-fluid">
<div class="row">
<div class="task_list col-lg-12 col-sm-12">
@foreach($tasks as $task)
<div id="{{ $task->id }}" class="row task_element">
<p class="task_description">
{{ $task->description }}
</p>
<p class="task_priority">
{{ $task->priority }}
</p>
</div>
@endforeach
</div>
</div>
</div>
<script>
if ($(".task_priority").text().trim() === "high") {
$(".task_element").addClass('high');
} elseif ($(".task_priority").text().trim() === "medium") {
$(".task_element").addClass('medium');
} else ($(".task_priority").text().trim() === "low") {
$(".task_element").addClass('low');
</script>
这目前不起作用。这似乎是一个简单的任务,但我一直无法找到如何解决它。如何根据“task_priority”的文本值向“task_element”div 添加一个类?