如果另一個 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>