Изменение значений с одинаковым id

[Murchik]

Доброго времени суток!
Пример:

<div id='block1'>
  <li id='name'>имя1</li>
  <li id='lastname'>фамилие1</li>
<div>
<div id='block2'>
  <li id='name'>имя2</li>
  <li id='lastname'>фамилия2</li>
<div>
<div id='block3'>
  <li id='name'>имя3</li>
  <li id='lastname'>фамилия3</li>
<div>

Люди добрые, подскажите, как в данном примере изменить 'name' и 'lastname' например в DIV с id 'block2'.
Заранее благодарен.

Я использовал ранее:

$("#name").empty();
$("#name").append('new_name');

Но в моем примере id одинаковые(

[laimas]

Изменение значений с одинаковым id

Эти значения должны быть уникальны!

[Murchik]

Разве нельзя что-то под вид такого: в блоке с id = 'block1' изменить id 'name'?

[Dilettante_Pro]

<div id='block1'>
  <li id='name'>имя1</li>
  <li id='lastname'>фамилие1</li>
<div>
<div id='block2'>
  <li id='name'>имя2</li>
  <li id='lastname'>фамилия2</li>
<div>
<div id='block3'>
  <li id='name'>имя3</li>
  <li id='lastname'>фамилия3</li>
<div>
<script>
  document.querySelector('#block2').querySelector('#name').textContent = 'Новое Имя';
</script>

Но никто ничего вам не гарантирует.

<div id='block1'>
  <li id='name'>имя1</li>
  <li id='lastname'>фамилие1</li>
<div>
<div id='block2'>
  <li id='name'>имя2</li>
  <li id='lastname'>фамилия2</li>
<div>
<div id='block3'>
  <li id='name'>имя3</li>
  <li id='lastname'>фамилия3</li>
<div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
   $('#block2>#name').html('Новое Имя');
</script>

[j0hnik]

$('[id="name"]')

[laimas]

Разве нельзя что-то под вид такого: в блоке с id = 'block1'

Вы ставите вопрос об элементах с одинаковыми ID, а атрибут ID, это уникальный идентификатор, и зная об этом JS всегда будет возвращать первый найденный, если их будет несколько. То есть то чего вы хотите в заголовке темы сделать нельзя, кроме как для первого в наборе.