javascript - 如果 HTML 值位于包含带有 javascript 的特定 href 的类中，如何编辑 HTML 值？

Question

嗯，我正在学习 javascript，我正在尝试编写一个函数，该函数看起来 if(href.contains(1234567) 并将 class="price" 值更改为任何数字。

我尝试过谷歌搜索，但似乎找不到答案

<div class="product-info">
      <a href="https:someUrl.com/1234567">
        <div class="title">
          Some Sweet Title
        </div>
      </a>
      <div class="price">
        ValueHereNeedsToBeAdded
      </div>
    </div>

我希望将 class="price" 值更改为某个数字

Answer 1

您可以使用 a[href*=1234567]+.price 选择器来完成此操作。

a[href*=1234567] 选择 href 属性值包含“1234567”的所有 <a> 元素，并且 +.price 选择元素的类价格紧接在该 a[href*=1234567] 之后。

演示:

$('a[href*=1234567]+.price').text(123456)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-info">
      <a href="https:someUrl.com/1234567">
        <div class="title">
          Some Sweet Title
        </div></a>
      <div class="price">
        ValueHereNeedsToBeAdded
      </div>
    </div>
     <a href="https:someUrl.com/test">
     </a>
     <div class="price">
        ValueNoNeedsToBeAddedHere
      </div>