getElementById - помогите разобраться

[webinsoul]

Код:

<script type="text/javascript">
$(document).ready(function(){
$(function() {
$("div.tile").click(function(){ 
var id = $(this).attr("id"); 
var start = 1;
$.ajax		({
url: "http://site.com.ua/js/js3.php",
type: "GET",
data: {"id": id, "start": start},
cache: true,
success: function(response)
{
var myArray  = response.split('abra_kadabra')
if (myArray[0] == 1)
	{
$(document.getElementById(id)).html(myArray[1]);
	}
else 
	{
alert('это все');	
	}
}
      		 });	
    });
});
});
</script>

$(document.getElementById(id)).html(myArray[1]); - меняет содержание тега, но тег оставляет, как его убрать?

[danik.js]

зачем getElementById? Оптимизация типа ? )))

$('#' + id).remove()

[ruslan_mart]

Думаю, как-то так:

$(function() {
	$("div.tile").click(function() { 
	
		$.get('http://inwatch.com.ua/js/js3.php', {id: this.id, start: 1}, function(data) {
			
			data = data.split('abra_kadabra');
			
			if(data[0] == 1) $('#'+this.id).prev().after(data[1]).next().remove();
			else alert('Это всё');
			
		});
	});
});

Не проверял, но должно работать.

[рони]

$(document.getElementById(id)).html(myArray[1]); - меняет содержание тега, но тег оставляет, как его убрать?

.replaceWith()
.replaceAll() Заменяет одни элементы страницы на другие (новые или уже существующие).

[moskitos80]

...
if (myArray[0] == 1) {
	var oldNode = getElementById(id);
	oldNode.parentNode.replaceChild(myArray[1], oldNode);
} ...

[webinsoul]

Спасибо за ответы.

$('#' + id).remove()

Попробовал - не работает. Может неверно впихнул в код

Думаю, как-то так:
...
Не проверял, но должно работать.

Не срабатывает

...
if (myArray[0] == 1) {
	var oldNode = getElementById(id);
	oldNode.parentNode.replaceChild(myArray[1], oldNode);
} ...

Не срабатывает


.replaceWith() - меняет полностью, но задача в следующем:
нужно, чтоб при нажатии на старый ДИВ, он менялся на див из js/js3.php уже со своим id и при повторном нажатии снова выполнялся js3.php с новыми id.

Подскажите, как это правильно реализовать.

[ruslan_mart]

$(function() {
	$("div.tile").click(function() { 
	
		$.get('http://inwatch.com.ua/js/js3.php', {id: this.id, start: 1}, function(data) {
			
			data = data.split('abra_kadabra');
			
			if(data[0] == 1) $('#'+this.id).html(data[1]).prop('id', 'new_ID');
			else alert('Это всё');
			
		});
	});
});

А где Вы новый ID получаете?

[danik.js]

Вот что-то вроде этого. Смысл думаю понятен:

$(function() {
    var handler = function() {
        var target = $(this);
        $.get('http://inwatch.com.ua/js/js3.php', {id: this.id, start: 1}, function(data) {
            data = data.split('abra_kadabra');
            var el = $(data[1]);
            target.replaceWith(el);
            el.click(handler);
        });
    };
    $("div.tile").click(handler);
});

[webinsoul]

А где Вы новый ID получаете?

Новый Id с js/js.php

[webinsoul]

$(function() {
    var handler = function() {
        var target = $(this);
        $.get('http://site.com.ua/js/js3.php', {id: this.id, start: 1}, function(data) {
            data = data.split('abra_kadabra');
            var el = $(data[1]);
            target.replaceWith(el);
            el.click(handler);
        });
    };
    $("div.tile").click(handler);
});

Бомба!!! Спасибо