如果另一个 div 包含某些单词，则更改按钮上的文本

Question

 <span class="distance any-1-8 S-1-6 align-left" title="Avstand&nbsp;"><span>10</span> Km unna</span>
    <span class="delivery-time any-2-7 S-1-3 align-left" title="Leveringsinformasjon">Ikke på lager i valgt butikk. Bestillingen din vil bli sendt fra hovedlageret og kan hentes i butikken innen 3-7 dager. Du vil motta en SMS når ordren din er klar for henting.</span>
    <span class="any-1-6 S-1-1 align-right btn-container">
      <button type="button" data-selector="1019" title="Velg denne butikken" data-parsley-required="false" class="js-select-store btn-select-store el-button normal-btn align-center see-more">
        <span class="el-button-text">
          <span class="text">
            <span>Velg denne butikken</span>
          </span>
        </span>
      </button>
    </span>

你好。 我想使用 jQuery 来更改 CTA 按钮上的文本，如果它旁边的 div 中的文本包含“Ikke på lager...”（不需要整个字符串，只有这 3 个词可以做）。 如果它不包含这些词，我不想要任何改变。 基本上：如果文本 A 存在 --> 将文本 B 更改为“Blabla”，如果不存在 --> 什么都不做

我希望此更改仅适用于搜索此 div 之后的第一个按钮，因为有多个按钮属于同一类（它是一个列表）。

这可能吗？ 谢谢。

Answer 1

你希望代码什么时候执行？ 在页面加载时，单击按钮或文本？

首先，为您的跨度添加 ID。 然后这样做：

 $('#clickme').click(function(){ if ($('#a').text().indexOf("Ikke på lager") >= 0){ $('#b').text('Blabla'); } });

 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <span id="clickme">click me</span> <br/> <span id="a">Ikke på lager i valgt butikk. Bestillingen din vil bli sendt fra hovedlageret og kan hentes i butikken innen 3-7 dager. Du vil motta en SMS når ordren din er klar for henting.</span> <br/> <span id="b">Velg denne butikken</span>