jQuery选择器通配符映射未知变量

2023年3月25日 224次阅读

HTML

<select id="edit-attributes-1"></select>
<select id="edit-attributes-2"></select>
<select id="edit-attributes-3"></select>
<select id="edit-attributes-4"></select>

这是由cms生成的,我无能为力

JQUERY：

 $('select[id^="edit-attributes-"][id!="edit-attributes-12"]').after('<span class="step stepdown step-'+$(this).attr('id')+'">+</span>');

所以我创建了这个,因为尝试jquery.ui.spinner在识别元素方面存在问题.

注意：

$(this).attr('id') here results as unknown.

结果

<select id="edit-attributes-1"></select>
   <span class="step stepdown step-**unknown**">+</span>
<select id="edit-attributes-2"></select>
   <span class="step stepdown step-**unknown**">+</span>
<select id="edit-attributes-3"></select>
   <span class="step stepdown step-**unknown**">+</span>
<select id="edit-attributes-4"></select>
   <span class="step stepdown step-**unknown**">+</span>

正如你所看到的那样,$(this).attr(‘id’)的部分是未知的.

期望的结果

<select id="edit-attributes-1"></select>
   <span class="step stepdown step-**edit-attributes-1**">+</span>
<select id="edit-attributes-2"></select>
   <span class="step stepdown step-**edit-attributes-2**">+</span>
<select id="edit-attributes-3"></select>
   <span class="step stepdown step-**edit-attributes-3**">+</span>
<select id="edit-attributes-4"></select>
   <span class="step stepdown step-**edit-attributes-4**">+</span>

我不知道如何才能实现这种概念,或者请提供一种如何简化事物的最佳方法.

最佳答案 这在您的代码中没有引用您选择的元素,您可以使用after函数：

$('select[id^="edit-attributes-"][id!="edit-attributes-12"]').after(function(ind){
   return '<span class="step stepdown step-'+ this.id +'">+</span>'
});

http://jsfiddle.net/qjVHM/

点赞