Javascript 显示与从控制器获取的字符串对应的div标记

我的html中有这三个div标记

<div class="alert alert-success alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Success!</strong> Data inserted into OVERRIDE table.
</div>
<div class="alert alert-warning alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Heads up!</strong> Few roles failed. SourceIDs of $uploadResult$ policies mentioned in UI are already present. 
</div>
<div class="alert alert-danger alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Snap!</strong> All sourceIDs are already present in OVERRIDE table. 
</div>

我现在有了这个控制器方法，它返回3个字符串SUCCESS、WARNING或DANGER

我希望显示与从控制器获得的字符串相关的相应div标记。i、 e如果成功，应显示第一个div，如果警告，应显示第二个div，如果危险，应显示第三个div

---

有什么方法可以实现这一点吗？

为什么不给所有三个div-like提供id

<div id="alert_success" class="alert alert-success alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Success!</strong> Data inserted into OVERRIDE table.
</div>
<div id="alert_warning" class="alert alert-warning alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Heads up!</strong> Few roles failed. SourceIDs of $uploadResult$ policies mentioned in UI are already present. 
</div>
<div id="alert_danger" class="alert alert-danger alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Snap!</strong> All sourceIDs are already present in OVERRIDE table. 
</div>

---

只需构建一个包含要显示的div类型的字符串，将该字符串用作CSS选择器，然后使用您最喜欢的DOM操作机制、jQuery等将显示属性从none更改为适合页面的任何属性

selector = ".alert.alert-" + type + ".alert-dismissible"
$(selector).Show(...)

---

对好主意但是我没有帮助阿曼！没有显示div@迈克看到这一切，一切正常。如果它不适用于您，请检查您在message变量中获得的值。它必须是成功、警告或危险，才能正常工作。对这就是问题所在。谢谢你，阿曼。在结果字符串的名称中使用div id是一个很好的解决方法。干杯。我的答案和Aman jaura发布的想法相同；如果我用$'.alert.alert-'+message+'.alert-dismissible.alert-show替换Aman的$alert+message.show，它的操作方式与Aman的代码相同；所以，同样的想法，但我的答案有一个不太完整的例子；阿曼的答案是更好的答案是。正是兰德鲁。甚至你的代码也运行良好。是我的返回类型字符串出错了。接受阿曼的回答纯粹是因为它更清楚一点。

<div id="alert_success" class="alert alert-success alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Success!</strong> Data inserted into OVERRIDE table.
</div>
<div id="alert_warning" class="alert alert-warning alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Heads up!</strong> Few roles failed. SourceIDs of $uploadResult$ policies mentioned in UI are already present. 
</div>
<div id="alert_danger" class="alert alert-danger alert-dismissible" role="alert" style="display: none;">
   <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <strong>Snap!</strong> All sourceIDs are already present in OVERRIDE table. 
</div>

success(function(employees){
                $scope.marketForm.texts.push({'text' : employees.text});
                $(".alert").hide();
                var message = employees.text.toLowerCase(); // **assuming SUCCESS**
                $("#alert_"+message).show()


            })

selector = ".alert.alert-" + type + ".alert-dismissible"
$(selector).Show(...)