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

标签 javascript jquery laravel laravel-blade

所以我的元素中有一个 title 属性,因为我想使用 Bootstrap 的工具提示。但是,根据数据,我可能有不同的选择。我正在 title 属性的引号之间执行 @foreach 循环。但是,如果要打印不止一件事,工具提示框就会被破坏,并且我会得到巨大的空白。我认为一个可能的解决方案/解决方法是使用 JS 或 JQuery 来 trim 空格。我怎样才能做到这一点?这是我的代码,以及如果有多个迭代,工具提示的外观。

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

enter image description here

其他解决方案和建议会非常有帮助。提前致谢!

最佳答案

试试这个:

<?php 

$tooltip = '';

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

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

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

注意:我希望这会对您有所帮助,尽管我还没有测试过。

关于javascript - Blade 和 JavaScript - 如何从属性内的字符串中删除空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38264176/

相关文章:

javascript - Ajax 的 PHP 只工作一次

javascript - 格式化 JQuery 输出

javascript - 如何使 Laravel/Vue 实现显示个人条目

javascript - 从浏览器 URL 中删除查询字符串而不重新加载页面

php - Laravel 如何约会减去日期并获取分钟数

php - Laravel - mysql 无法连接到服务器 (111)

javascript - 将参数从 Ajax ActionLink MVC 3.0 传递给 Javascript 方法

javascript - 像 JavaScript 中的 ArrayList 一样管理数组 : Deleting an element and closing the gap created

javascript - 动态更改工具提示文本

javascript - 视差图像太多