javascript - 在多重选择器中使用变量

我使用JQuery 1.11，并希望对所有以partitions0.instances0.natures开头并以typeCle结尾的id起作用，例如：id="partitions0.instances0.natures0.typeCle"。然后，我将影响这些值，这些值与所选元素的值相同。但是我的问题在选择器上。

我已经尝试了许多类似​$('[id^='+instanceId'][id$=typesCle]')或不带双引号的方法，但目前找不到正确的答案。错误是Uncaught SyntaxError: Invalid or unexpected token

所有的jQuery代码：

var instanceId = $(this).attr("id");
var natureId = $(this).attr("id");
var valeur = $(this).prop('value');
natureId = natureId.replace("typesCle", "nature").replace(/\./g, '\\\\.');
​​$('[id^='+ natureId +'][id$=typesCle]').each(){
    this.val(valeur);
}

我还用变量的值替换了该变量以进行检查，并且得到了相同的错误消息：

​$('[id^=partitions0\\.instances0\\.nature][id$=typesCle]').each(){
    console.log(valeur);
    this.val(valeur);
}

html代码：

<div class="col-sm-6">
       <select th:field="*{partitions[__${rowPartitionStat.index}__].instances[__${rowInstanceStat.index}__].typesCle}" class="form-control modRepInstance">
         <option th:each="typeCle : ${allTypesCle}"
           th:value="${typeCle}" th:text="${typeCle}">...</option>
       </select>
</div>

最佳答案

经过一番往返之后，您似乎不需要转义点，而只需要在选择器周围加上一对双引号"。

您的原始代码实际上在其中有第一个双引号，但是在错误的位置，并且缺少了右引号和+，因此出现语法错误。

总体而言，与原始代码的不同之处在于重新定位了开始引号，添加了结束引号并添加了第二个+

单位：​'"[id^='+instanceId'][id$=typesCle]'
新增：'[id^="'+ instanceId + '"][id$=typesCle]'

下面的示例似乎有效。尽管您仍然需要使用.each()遍历所有匹配项。

var outerId = 'partitions0.instances0.nature';

$(document).ready(function() {
 var selector = '[id^="' + outerId + '"][id$=typesCle]';
 console.log(selector);

 var x = $(selector);
 console.log(x);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-6">
  <select id="partitions0.instances0.nature.SomeUniqueValue.typesCle">
         <option value="Option1Value1" text="Option1Value1">Select1Option1Value1</option>
       </select>
  <select id="partitions0.instances0.nature.SomeOtherValue.typesCle">
         <option value="Option1Value1" text="Option1Value1">Select2Option1Value1</option>
       </select>
</div>