jQuery .val() Selector Confusion

Question

Я как бы написал себя в угол и надеялся, что есть «легкий» выход. Я пытаюсь выполнить цикл вещей на моей странице и создать пару ключ: значение. Вот моя структура:

<div class="divMapTab" id="divMapTab34"> 
    <div class="divFieldMap"> 
     <select class="selSrc" id="selTargetnamex"><options....></select> 
    </div> 
</div> 
<div class="divMapTab" id="divMapTab87"> 
    <div class="divFieldMap"> 
     <select class="selSrc" id="selTargetnamex"><options....></select> 
    </div> 
</div> 

Это гораздо сложнее, чем это, и есть много выбора элементов внутри каждого divFieldMap дел.

Вот моя функция JS, которая строит свою строку:

function Save() { 
     var sSaveString = ''; 

     $('.divMapTab').each(function() { 
      var thisId = this.id; 
      $('.selSrc', "#" + thisId).each(function() { 
       var thisSubId = this.id; 
       //alert(thisSubId); <-- HERE IS THE PROBLEM 
       var sTargetCol = thisSubId.replace('selTarget', ''); 
       var sValue = this.val(); 
       sSaveString += sTargetCol + '¸' + sValue + '·'; 
      }); 
     }); 
    } 

На линии, которая имеет окно с предупреждением и текст «здесь проблема» в том, что я пытаюсь получить выбранное значение «текущего» элемента ввода select, но идентификатор этого элемента не уникален (я думал, что это будет, но я испортил). Есть ли хороший способ внутри «каждого» типа выражения jQuery использовать «это», чтобы получить точный элемент выбора, который я действительно ищу, даже если у него нет уникального идентификатора?

Answer 1

Я считаю, что вы можете создать ссылку на объект JQuery, используя $(this). Это то, что вам нужно?

Answer 2

Действительные элементы HTML-кода должны быть уникальными. Если ваш документ содержит повторяющиеся идентификаторы, все ставки отключены.

Если вы действительно не можете правильно генерировать уникальные идентификаторы, начните использовать классы вместо этого.

Answer 3

Итак, вы просто хотите найти значение выборок внутри каждого div?

var myOptions = []; 

$('.divMapTab').each(function() 
{ 
    $(this).children('select').each(function() 
    { 
     myOptions.push(this.id, $(this).val()); 
    }); 
}); 

myOptions затем будет содержать пару значений ключа из каждого идентификатора выбора в его значение.