Blade 和 JavaScript - 如何从属性中的字符串中删除空格

Question

所以我的元素中有一个 title 属性，因为我想使用 Bootstrap 的工具提示。但是，根据数据，我可能会有不同的选择。我在 title 属性的引号之间做一个 @foreach 循环。但是，如果要打印的东西不止一件，工具提示框就会损坏，我会得到这个巨大的空白。我认为可能的 solution/workaroud 是使用 JS 或 JQuery 到 trim 空格。我怎样才能做到这一点？这是我的代码以及如果有不止一次迭代时工具提示的样子。

<option data-toggle="tooltip" title="
@foreach($availableOption->optionIncompatibilities as $optionIncompatibility)
     Not available when:  {{ $optionIncompatibility->disabled_by_id1 }}
@endforeach
">

其他解决方案和建议会很有帮助。提前致谢！

Answer 1

试试这个：

<?php 

$tooltip = '';

?>
@foreach($availableOption->optionIncompatibilities as $optionIncompatibility)
    <?php
    $tooltip .=  'Not available when:' . $optionIncompatibility->disabled_by_id1;
    ?>
@endforeach

<option data-toggle="tooltip" title="{{ $tooltip }}">

在使用之前先创建循环并创建工具提示值。

注意：虽然我还没有测试过，但希望这对你有所帮助。

Blade 和 JavaScript - 如何从属性中的字符串中删除空格

Blade and JavaScript - How to remove white spaces from string inside attributes

javascript

jquery

laravel

blade