Question

我尝试使用Squarespace完成网站设计。我想将两个单词从美国英语翻译成英语英语（colour而不是color），但不知怎的，我被卡住了。

这是指向页面的链接：https://www.maisonmariet.fr/collection/mm01

使用jQuery，我已经能够修改三个单词中的一个单词：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
 $(document).ready(function() {
   $(".variant-option-title").text("colour:");
 });
 </script>

现在，当谈到＆＃34; data-variant-option-name＆＃34;和'＃34;选项值＆＃34;，我无法修改任何东西，虽然相信我，我可能花了4个小时尝试。我希望你们能够理解我的问题并帮助我解决它......

如果您需要更多信息，请与我们联系。提前谢谢！

Answer 1

我希望这可以帮到你

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
 $(document).ready(function() {
   $(".variant-option-title").text("colour:");
$('.list').attr('data-variant-option-name', 'colour'); 

$(".list option[value='']").text('Select Colour');

 });
 </script>
<div class="variant-option" id="yui_3_17_2_1_1504692126682_213">
    <div class="variant-option-title">color:</div>
    <div class="variant-select-wrapper" data-text="Select Color" id="yui_3_17_2_1_1504692126682_349">
      <select class="list" data-variant-option-name="Color" id="yui_3_17_2_1_1504692126682_215">
        <option value="">Select Color</option>
        <option value="White">White</option><option value="Grey">Grey</option><option value="Ivory">Ivory</option>
      </select>
    </div>
    </div>

如果您想选择选项值作为循环，请尝试以下代码

 $("select option").filter(function() {

    var val = $(this).text() ; 
   console.log(val);

})

如果要更改下拉列表的每个值，可以使用此代码

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script>
 $(document).ready(function() {
 $(".variant-option-title").text("colour:");
         $("select option").each(function() {

           var val = $(this).val() ;
           var txt = $(this).text() ; 
           var text = convertustouk(txt);
           var vals = convertustouk(val);
        $("select option[value='"+val+"']").text(text);
       $("select option[value='"+val+"']").val(vals);
        })
         });
        function convertustouk(val){
        var res = val;
        if(val =='Select Color')
        {
         res = 'Select Colour';
        }
        if(val =='Grey')
        {
         res = 'Gray';
        }
        return res;
        }
</script>
<div class="variant-option" id="yui_3_17_2_1_1504692126682_213">
    <div class="variant-option-title">color:</div>
    <div class="variant-select-wrapper" data-text="Select Color" id="yui_3_17_2_1_1504692126682_349">
      <select class="list" data-variant-option-name="Color" id="yui_3_17_2_1_1504692126682_215">
        <option value="">Select Color</option>
        <option value="White">White</option><option value="Grey">Grey</option><option value="Ivory">Ivory</option>
      </select>
    </div>
    </div>

使用jQuery和Squarespace

1 个答案: