时间戳

首页 > 解决方案 > Jquery：使用 URL 作为选择器

jquery - Jquery：使用 URL 作为选择器

问题描述

我有一个选择框

<select id="be-variants-select" class="form-control" name="tx_cart_cart[beVariants][1]" required="">
   <option value="">Please choose ...</option>
   <option value="5" data-regular-price="16,95 €">40 x 40</option>
   <option value="6" data-regular-price="14,95 €" disabled="">60 x 30</option>
</select>

在某些情况下，我将一些文本附加到选项值

$(document).ready(function() {
$('[disabled=""]','select.form-control').append(' - xxx');
})

该网站必须使用具有不同 URL 的语言：

https://my-domain/.../
https://my-domain/de/.../

我如何扩展选择器以获得两种语言的不同附加文本的机会？

标签： jquery

解决方案

这是一个更安全的版本

$(function () {
  // replace the test url with window.location.href when you use the script
  var url = new URL('https://whatever/de/something') // new URL(window.location.href);
  var append = url.pathname.split('/').includes('de') ? "-xxx":"-yyy"
  $('[disabled=""]', 'select.form-control').append(append);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="be-variants-select" class="form-control" name="tx_cart_cart[beVariants][1]" required="">
   <option value="">Please choose ...</option>
   <option value="5" data-regular-price="16,95 €">40 x 40</option>
   <option value="6" data-regular-price="14,95 €" disabled="">60 x 30</option>
</select>

推荐阅读