Javascript 如何获取名称的第一个字母并将其用作商店的配置文件

我想使用商店名称的第一个字母设置商店的简介图片

这是我的刀片

<?php
        $smestable = DB::table('sme_table')->get(); 
                foreach ($smestable as $s) {
                        $name   = $s->store_name;
                ?>

      <div class="item">
        <div class="col-xs-12 col-sm-6 col-md-2">
          <span id="storename">{!! $name !!}</span>
          <div id="profile"></div>
          <h4 class="text-center">{!! $name !!}</h4>
          <h5 class="text-center">4000,00 RSD</h5>
        </div>
      </div>

      <?php } ?>

我想使用商店名称的第一个字母设置每个商店的个人资料图片，但只有一个给出了。这是结果

---

您可以更改代码的下一行：

到

---

这将从名称中选取第一个字符，并在渲染时显示它，因此您无需在JS中执行此操作。

您可以更改代码的下一行：

到

---

这将从名称中选取第一个字符，并在渲染自身时显示它，因此您无需在JS中执行此操作。

如果您使用的是Blade，请执行此操作

@foreach

+

{{}

而不是

{！！！！}

@foreach ($smestable as $sme)
    <div class="item">
        <div class="col-xs-12 col-sm-6 col-md-2">
            <span id="storename">{{ $sme->store_name }}</span>
            <div id="profile">{{ substr($sme->store_name, 0, 1) }}</div>
            <h4 class="text-center">{{ $sme->store_name }}</h4>
            <h5 class="text-center">4000,00 RSD</h5>
        </div>
    </div>
@endforeach

@foreach（$smetable为$sme）
{{$sme->store_name}
{{substr（$sme->store_name，0，1）}
{{$sme->store_name}
相对标准差4000,00
@endforeach

如果您使用的是Blade，请务必使用

@foreach

+

{{}

而不是

{！！！！}

@foreach ($smestable as $sme)
    <div class="item">
        <div class="col-xs-12 col-sm-6 col-md-2">
            <span id="storename">{{ $sme->store_name }}</span>
            <div id="profile">{{ substr($sme->store_name, 0, 1) }}</div>
            <h4 class="text-center">{{ $sme->store_name }}</h4>
            <h5 class="text-center">4000,00 RSD</h5>
        </div>
    </div>
@endforeach

@foreach（$smetable为$sme）
{{$sme->store_name}
{{substr（$sme->store_name，0，1）}
{{$sme->store_name}
相对标准差4000,00
@endforeach

如评论所示，您可以使用PHP提取第一个字符，字符串可以作为数组处理，如下所示：

<div class="item">
    <div class="col-xs-12 col-sm-6 col-md-2">
        <span id="storename">{!! $name !!}</span>
        <div id="profile">{!! strtoupper($name[0]) !!}</div>
        <h4 class="text-center">{!! $name !!}</h4>
        <h5 class="text-center">4000,00 RSD</h5>
    </div>
</div>

{！！$name！！}
{！！strtoupper（$name[0]）！！}
{！！$name！！}
相对标准差4000,00

如评论所示，您可以使用PHP提取第一个字符，字符串可以作为数组处理，如下所示：

<div class="item">
    <div class="col-xs-12 col-sm-6 col-md-2">
        <span id="storename">{!! $name !!}</span>
        <div id="profile">{!! strtoupper($name[0]) !!}</div>
        <h4 class="text-center">{!! $name !!}</h4>
        <h5 class="text-center">4000,00 RSD</h5>
    </div>
</div>

{！！$name！！}
{！！strtoupper（$name[0]）！！}
{！！$name！！}
相对标准差4000,00

你可以用PHP本身来做

{$name[0]}

它不起作用，先生/ma'amyou正在用相同的id创建多个{！！$name！！}。html id在一个页面上应该是唯一的。你的id是相同的。你可以用PHP本身来做

{$name[0]}

它不起作用先生/ma'amyou正在创建多个{！！$name！！}具有相同的id。html id在页面上应该是唯一的。您的id在所有页面上都是相同的！成功了。非常感谢你，先生。我认为这很难，但你找到了简单的方法。。。嘿嘿。干杯^^哦，天哪！成功了。非常感谢你，先生。我认为这很难，但你找到了简单的方法。。。嘿嘿。干杯^^这也行……非常感谢先生的回复……^^干杯：）这也行……非常感谢先生的回复……^^干杯：）这也行，先生。非常感谢您的回复。干杯，这也行，先生。非常感谢您的回复。干杯^_^