Как заменять div на другой div?

Question

[Space]

Привет. Вот сокетом отправляю данные, что пришел новый клиент div`ом, указал id ( у каждого клиента он свой получается).

client.broadcast.emit('clientNew', {clientNew : '<div id=' + clientId + '>Пришел новый Вася!</div>'});

А если ушел клиент, то отправляю такие данные:

io.sockets.emit('clientNew', {clientNew : '<div id=' + clientId + '>Вася уплыл!</div>'});

Конечно, если пользователь вошел - добавился divна сайт и если ушел, то также добавляется div. Как сделать чтобы один div заменял другой div? Для это указал id. Как сделать? Подскажите. Спасибо

Answer 1

[Юрий Лобанов]

Так а зачем тебе заменять div? Меняй id у дива и его html

$('#id1').attr('id','id2')
$('#id2').html('Новый контент внутри дива')

Comments

[Space]

@iiil $('id1').attr('id','id2') один id без номера так должно быть?

[Александр Петров]

id1 - текущий id у блока. id2 - на который менять. id просто - какой параметр вывьирать. К блока с id1 заменить атрибут id на id2.

[Юрий Лобанов]

@ruslite первый id - название атрибута, может так понятнее будет

$('user_id1').attr('id','user_id2')
$('user_id2').html('Новый контент внутри дива')

[Space]

@dzhiriki @iiil ну я так и понял. А как вариант, удаления дива? Не тупо ведь внутри пусто делать, так потом они всю страницу за сорят

[Александр Петров]

Зачем удалять/вставлять новый? Меняем у текущего ID. Меняем его содержимое. Это и было посоветовано сразу.

[Space]

@dzhiriki Это для одного варианта, а в другом случае мне просто его надо удалить.

[Space]

Мне он вообще не нужен.

[Александр Петров]

$('#user_id1').remove()

[Юрий Лобанов]

Да, я ошибся ) Конечно по id надо обращаться через #
$('#user_id1').attr('id','user_id2')
$('#user_id2').html('Новый контент внутри дива')

[Space]

@iiil И как думаешь это сделать, на самой странице, где выводятся эти дивы?

[Sild]

возможно, с помощью функции которая обрабатывает ответ сервера?

[Space]

@iiil смотри

socket.on( 'clientNew', function( client ) {
	var clientNewContent = $( "#messages" ).html(),
	clientNewMsg = client.clientNew,
	
	clientNew = clientNewMsg + clientNewContent
	$( "#messages" ).html( clientNew );
});

Как сделать чтобы в переменной clientNewMsg = client.clientNew находило и удаляло div="id1"? Мне кажется через replace никак.

[Space]

@Sild @iiil решил по другому. Просто буду менять на странице вывода. Теперь другая проблема.

<div id="chat-message">
				<ul id="messages">
					<?php 
						$query = $pdo->prepare("SELECT * FROM message WHERE canal='$name' ORDER BY id DESC" );
						$query->execute();
						
						$messages = $query->fetchAll( PDO::FETCH_OBJ );
						foreach( $messages as $message ):
					?>
						<li><?php echo $message->timing; ?> <strong><?php echo $message->name; ?></strong> : <?php echo $message->message; ?> </li>
					<?php endforeach; ?>
				</ul>
				<script>
						$('#<?php echo $name; ?>').html('Новый контент внутри дива');
				</script>
			</div>

И получается изначально этого дива не существует, потом он появляется в этом списке <ul id="messages">
Но скрипт не хочет ничего заменять. А если див никуда не вложен, то скрипт делает свое дело. Почему так??