|
Как заменить элементы и их значения JavaScript
|
|
| [1] Krem-Brule [20.03.2012, 17:33] |
Привет! надеюсь, ты отшел от террора))))
Code <tr id="order-item-1260" class="order-item "> <td class="order-item-nom">1.</td> <td class="order-item-cat">Различные средства</td> <td class="order-item-name"> <a href="/shop/859/desc/cinovit-sprej-ot-ugrej-pryshhej-i-chernykh-tochek" target="_blank">Циновит спрей от угрей, прыщей и черных точек</a> </td> <td class="order-item-price" nowrap="">460 руб.</td> <td class="order-item-cnt"> <input type="text" name="cnt_1260" maxlength="5" size="5" value="1"/> </td> <td class="order-item-sum" nowrap="">460 руб.</td> <td class="order-item-del" align="center"> <input type="checkbox" name="del_1260" value="1"/> </td> </tr>
имеется вот такой код, вмешаться в него возможности не представляется...
вся таблица обёрнута в div с id showcart2
можно ли как-то заменить там инпуты на их значения? то есть вместо инпута со значением например 1, была просто еденица.. |
|
| [2] likbezz [20.03.2012, 18:57] |
Krem-Brule, Quote (Krem-Brule) Привет! надеюсь, ты отшел от террора))))
Добричко)
От какого такого “террора”? Пояснишь? ))) а то я не в курсе )))
...
Quote (Krem-Brule) можно ли как-то заменить там инпуты на их значения? то есть вместо инпута со значением например 1, была просто еденица..
Ну да, сам же говоришь: «вся таблица обёрнута в div с id showcart2» - вот тебе старт - Code $('#showcart2 input[name="..."]')
А дальше ставь те значения которые нужны, удаляй/заменяй ... и так далее ...
Ссылку на справку по JQ я тебе уже давал )
... |
|
| [3] Krem-Brule [21.03.2012, 11:41] |
|
дело в том, что name всегда разный для каждого товара..... надо как-то глобально заменить в этом блоке инпуты на значения.... |
|
| [4] likbezz [21.03.2012, 12:04] |
Krem-Brule, Quote (Krem-Brule) дело в том, что name всегда разный для каждого товара.....
Значит делать привязку не имени инпута, а, например к классу ячейки в которой лежит инпут.
Типа:
Quote (Code) <td class="order-item-cnt">
<input type="text" name="cnt_1260" maxlength="5" size="5" value="1"/>
</td>
Тогда:
Code $('#showcart2 td.order-item-cnt input') ..
... |
|
| [5] Krem-Brule [21.03.2012, 12:12] |
Code $('#showcart2 td.order-item-cnt').html($('#showcart2 td.order-item-cnt input').val());
всё что приходит на ум....
Сообщение отредактировал Krem-Brule - Среда, 21.03.2012, 12:12 |
|
| [6] likbezz [21.03.2012, 12:16] |
Krem-Brule, Quote (Krem-Brule) $('#showcart2 td.order-item-cnt').html($('#showcart2 td.order-item-cnt input').val());
Ну, а что требуется? ...
... |
|
| [7] Krem-Brule [21.03.2012, 12:17] |
|
так оно не пашет) |
|
| [8] likbezz [21.03.2012, 12:23] |
Krem-Brule, Quote (Krem-Brule) так оно не пашет)
Почему?
Code <script type="text/javascript">
$('#showcart2 td.order-item-cnt').html($('#showcart2 td.order-item-cnt input').val());
</script>
- отлично заменяет на «1» ...
... |
|
| [9] Krem-Brule [21.03.2012, 12:26] |
но подставляет всем инпутам одинаковое значение... первое найденное
Сообщение отредактировал Krem-Brule - Среда, 21.03.2012, 12:29 |
|
| [10] likbezz [21.03.2012, 12:36] |
Krem-Brule, Quote (Krem-Brule) но подставляет всем инпутам одинаковое значение... первое найденное
А у тебя их что, много? В коде что ты дал - только один )))
Тогда - each() и вперёд )
Code <script type="text/javascript">
$('#showcart2 td.order-item-cnt').each(function(){
$(this).html($(this).find('input').val());
});
</script>
... |
|
| [11] Krem-Brule [21.03.2012, 12:46] |
Code <script type="text/javascript">
$.get('/../../../shop/checkout',function(showc){
$('#showcart2').html($('#order-table',showc).html());
});
$('#showcart2 td.order-item-cnt input').each(function(){
$(#showcart2 td.order-item-cnt).html($(#showcart2 td.order-item-cnt).find('input').val());
});
</script> |
|
| [12] likbezz [21.03.2012, 12:49] |
Krem-Brule, Quote (Krem-Brule) $.get('/../../../shop/checkout',function(showc){
Это что такое ))))) Ой, ппц, мама-не-горюй ))))
...
Ну и чё, работает? )))
Quote (Krem-Brule) $(#showcart2 td.order-item-cnt)
А где кавычки?
... |
|
| [13] Krem-Brule [21.03.2012, 12:50] |
Code $.get('/../../../shop/checkout',function(showc){
вот это работает, остальное нет) |
|
| [14] likbezz [21.03.2012, 12:54] |
Krem-Brule, Quote (Krem-Brule) вот это работает, остальное нет)
Кавычки проставь ...
Quote (likbezz) $('#showcart2 td.order-item-cnt')
...
А так не проще:
Code <script type="text/javascript">
$.get('/shop/checkout',function(showc){
$('#order-table td.order-item-cnt',showc).each(function(){
$(this).html($(this).find('input').val());
});
$('#showcart2').html($('#order-table',showc).html());
});
</script>
- Не проверял ... |
|
| [15] Krem-Brule [21.03.2012, 13:13] |
проверил, всё так же...
Добавлено (21.03.2012, 13:13)
---------------------------------------------
не меняет, возможно надо делать замену после полной подгрузки.... |
|