Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вопрос по click(function() (https://javascript.ru/forum/misc/51196-vopros-po-click-function.html)

Gekko 28.10.2014 11:32
Вопрос по click(function()
 
Добрый день, такой вопрос:
У меня событие происходит при нажатии на нужный класс "text".
Как вывести в код допустить значение которое имеет ID в том классе. 
$('.text').click(function(){  
		$.ajax({  
			url: "text.php",  
			cache: false,  
			success: function(html){  
			$("#???").html("???");  
			}  
		});  
	});

И правильно его подставить в место ???.
Заранее спасибо!

Erolast 28.10.2014 11:51 
$('.text').click(function(){
        var self = this;
        $.ajax({ 
            url: "text.php", 
            cache: false, 
            success: function(html){ 
            $("#" + self.id).html("???"); 
            } 
        }); 
    });

ksa 28.10.2014 11:52
Цитата:
Сообщение от Gekko
У меня событие происходит при нажатии на нужный класс "text".
Как вывести в код допустить значение которое имеет ID в том классе.
Переведи... :blink:

Gekko 28.10.2014 12:43
ksa,
Извиняюсь, торопился.

У меня есть кнопка:
<input type='button' class='text' id='7' onclick='qqq();'>

И функция:
$(document).ready(function(){  
  
	$('.text').click(function(){  
	var eID = document.getElementById('???')
		$.ajax({  
			url: "test.php",  
			cache: false,  
			success: function(html){  
			$("#eID").html(eID);  
			}  
		});  
	});  
});

Как можно в место "???" вставить значение из ID кнопки? Просто кнопок таких 100 с разными id и делать на каждую отдельный код не правильно.

caetus 28.10.2014 12:50 
$('.text').click(function(){
var th = this.id
$.ajax({ 

url: "test.php", 

cache: false, 

success: function(html){ 

$("#"+th).html(th); 
} 

});

});

caetus 28.10.2014 13:01 
Постав на родителя всех  input  id и вешай события 
пример так

var div = document.getElementById('ID родителя');

div.addEventListener('click', fn, false);

function fn (e) {
 var e = e.target || e.srcElement;

if(e.className !== 'text') return;



        $.ajax({ 

            url: "test.php", 

            cache: false, 
            success: function(html){ 
            $("#"+e.id).html(e.id); 
 
           }
        }); 
}

Gekko 28.10.2014 13:09
caetus,
Спасибо, то что нужно! 
var th = this.id



зы: если использовать 
var eID = document.getElementById(this.id)
, то он еще и кнопку убирает на которую нажимаешь.

Aetae 28.10.2014 13:44
Лол.
var eID = document.getElementById(this.id);
===
var eID = this;
Танцы с бубном...

Erolast 28.10.2014 14:35
Цитата:
Сообщение от caetus (Сообщение 338013) 
$('.text').click(function(){
var th = this.id
$.ajax({ 

url: "test.php", 

cache: false, 

success: function(html){ 

$("#"+th).html(th); 
} 

});

});
Название переменной должно пояснять ее содержимое.
Цитата:
Сообщение от Erolast (Сообщение 337986) 
$('.text').click(function(){
        var self = this;
        $.ajax({ 
            url: "text.php", 
            cache: false, 
            success: function(html){ 
            $("#" + self.id).html(self.id); 
            } 
        }); 
    });


Часовой пояс GMT +3, время: 09:38.