Изменение значений с одинаковым id
Доброго времени суток!
Пример: <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 одинаковые( |
Цитата:
|
Разве нельзя что-то под вид такого: в блоке с id = 'block1' изменить id 'name'?
|
<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>
|
$('[id="name"]')
|
Цитата:
|
| Часовой пояс GMT +3, время: 00:22. |