js - wstawienie do inputa wartości po kliknięciu w tekst., jak poprawnie wykonać zapytanie. Opcje

[casperii]

Panowie proszę mi wytłumaczyć dlaczego poniższy kod nie działa jak należy:

[HTML] pobierz, plaintext 
$('div.ilosc').click(function () {
	var $this = $(this);
	if (!$this.children('input').length) {
		var wartosc = $this.text();
                //alert('to wyswietli poprawnie' + wartosc); 
		$this.empty().append($('<input type="text">').attr('value', wartosc)).append('&nbsp;');
	}
});
[HTML] pobierz, plaintext 

powyższy kod nie wstawia w input wartości , zmiana na .val(wartosc) też nic nie daje.
Natomiast jeśli wyświetlę alert(wartosc) to pokazuje poprawną wartość, o co chodzi?

[ZenekN]

https://jsfiddle.net/bskdfo1m/1/

Ten post edytował ZenekN 7.06.2016, 07:10:46

[casperii]

Nie zrozumiałeś @ZeneKN
Twój kod przedstawia kopiowanie z do input.

Moim celem jest po kliknięciu w wartość, zmienienie tej wartości na input oraz wstawienie tej wartości w ten input.

[rad11]

https://jsfiddle.net/bskdfo1m/7/

[casperii]

@rad11 okazało się że mój kod też wstawiał tylko że jakoś dziwnie wartość była schowana na środku inputa.
Mam jeszcze pytanie odnośnie kodu:

[HTML] pobierz, plaintext 
$('div.ilosc').click(function () {
	var $this = $(this);
	if (!$this.children('input').length) {
		var wartosc = $this.text();
		$this.empty().append($('<input autocomplete="off" type="text" name="ilosc" style="width:35px;">').attr('value', wartosc)).append('&nbsp; <img src="/images/button_ok.png" class="save_button_ok">');
 
		//jeśli pokazono przycisk OK - wstawiamy kolejną funkcje
		$('.save_button_ok').click(function () {
			var wartosc_input = $('input[name="ilosc"]').val();
			alert('ok' + wartosc_input);
		});
		//koniec dodatkowej funkcji
 
	}
});
 
[HTML] pobierz, plaintext 

czyli załóżmy że z bazy pokazuje mi się wartość 10 - klikam na nią tworzy mi się input z wartością 10 oraz przycisk w formie IMG, po kliknięciu na niego pobieram wartość, póki co pobiera mi tylko dla 1 rekordu, co robię źle ?

[LowiczakPL]

pobierasz dla pierwszego lepszego INPUTA o nazwie ilosc jeśli chcesz pobrać dla konkretnego to musi on być w kontenerze lub dla elementu przed IMG czyli

[HTML] pobierz, plaintext 
		$('.save_button_ok').click(function () {
			var wartosc_input = $(this).prev().val();
			alert('ok' + wartosc_input);
		});
[HTML] pobierz, plaintext