JQuery Selector не работает в Internet Explorer

Question

Internet Explorer не любит мой селектор JQuery. Не уверен, что это мои слабые навыки JQuery или общая странность Explorer.

Вот код:

$("#field_"+index+" #field_Label").val(); 

[ДИВ field_1]

<input id="field_Label" //... you get the picture. 

объяснить это .. У меня есть DIV маркированы field_1, field_2 .. и т.д .. Интернет исследователь, как представляется, найти первую итерацию, но не может найти вторую.

Спасибо вам всем, и благодаря вам stackoverflow.

Есть ли лучший способ, которым я должен делать это ..

Вот более полный фрагмент кода:

<li id="blank"> 
<div id="field_1" style="background: #BDCFFF; color: #1028BD;margin: 10px; border: 1px solid black;width: 400px; height: 100px;"> 
<table> 
<tr><td>Label:</td><td><input class="field_Label" id="field_Label" type="text"/></td></tr> 
<tr><td>Type:</td><td><input id="field_Type" type="text" value="2"/></td></tr> 
<tr><td>Id:</td><td><input id="idField" type="text" value="0"/></td></tr> 
</table> 

</div> 

Answer 1

Изменение #field_Label к .field_Label, а затем получить доступ к

$("#field_"+index+".field_Label").val(); 

Без пространства beween значения, поэтому выход будет # field_1.field_Label - (Ie любит специфику)

Answer 2

Начинайте каждый селектор с запятой:

$("#field_" + index + ", #field_Label")........... 

Answer 3

вам должен предоставить вашему подразделению класс и сделать

var inputvals = $('.class_name').val(); 

, то вы можете делать то, что хотите, с ними в целом, и вам не нужно разделять кучу идентификаторов

Answer 4

Попробуйте использовать класс на входе вместо id. Только один вход должен иметь id field_Label.

<input class="field_Label" /> 
selector: $("#field_"+index+" .field_Label").val(); 

Это обновление с учетом фрагмента кода, который вы добавили. Я переписал его, изменив идентификатор на класс.

<div id="field_1"> 
<table> 
<tr><td>Label:</td><td><input class="field_Label" type="text"/></td></tr> 
<tr><td>Type:</td><td><input class="field_Type" type="text" value="2"/></td></tr> 
<tr><td>Id:</td><td><input class="idField" type="text" value="0"/></td></tr> 
</table> 
</div> 

Selectors: 
var label = $("#field_1 .field_Label").val(); 
var type = $("#field_1 .field_Type").val(); 
var id = $("#field_1 .idField").val(); 

Класс вместо идентификатора, если у вас будет много таблиц с одним и тем же входом. В противном случае, если входы уникальны просто использовать ID, пример: селектор:. $ ("# IdField") Вал()

Answer 5

Спасибо всем за помощь .. Я, наконец, разрешил это. Это было просто странно с , это только создавало проблему с Интернетом Explorer .. но это то, что я сделал с , чтобы он работал.

$("#field_"+index).find("#field_Label").val(); 

/* Да здравствует StackOverflow !! */

Answer 6

Спасибо всем за помощь .. Я сделал окончательно решить эту проблему .. это было просто странно, так как это только казалось, вызвать проблема с Internet Explorer .. но это то, что я сделал заставить его работать.

$ ("# field _" + index) .find ("# field_Label"). Val();

/* Да здравствует StackOverflow !! */

Вы спасли меня ЧАСЫ времени. Спасибо!!! IE является дьявол

Answer 7

Thanks everyone for the help.. I did finally resolve this.. it was just 

странно, так как это только казалось, вызвать проблема с Internet Explorer .. но это то, что я сделал, чтобы заставить его работать.

$("#field_"+index).find("#field_Label").val(); 

/* Long live StackOverflow !! */ 

Как уже говорилось, внутренний .find() не является необходимым и чрезмерно излишним.

По существу, идентификаторы являются методом быстрого выбора с помощью механизма выбора Sizzle с помощью jQuery. Используя уникальный идентификатор, выбор является самым быстрым методом. По убыванию идентификатора из другого идентификатора добавляется ненужное дополнительное вычисление. Скорее всего, вы не столкнетесь с замедлением производительности, но это не очень хорошая привычка.

Это то, что вы должны делать, чтобы получить доступ к этому элементу:

$("#field_label").val(); 

Источник: http://www.artzstudio.com/2009/04/jquery-performance-rules/

Answer 8

Ну, кроме того факта, что FIELD_LABEL должен быть классом, а не идентификатор в том, что я вижу вашего образца; если вам действительно нужно иметь два селектора id потомков, вы можете использовать find().

Таким образом, вместо того, чтобы:

$("#field_" + index + " #field_Label") 

Вы можете использовать это:

$("#field_" + index).find("#field_Label") 

Это прекрасно работает в IE.