Есть несколько тегов, например "<P>"
В каждом из них есть несколько тегов, например "<U>"
Кликнув по любому тегу "<U>", можно прочесть его "id":
<P id="A">
<U id="1" onClick="nomer(this)">A1</U>
<U id="2" onClick="nomer(this)">A2</U>
<U id="3" onClick="nomer(this)">A3</U>
</P>
<P id="B">
<U id="4" onClick="nomer(this)">B4</U>
<U id="5" onClick="nomer(this)">B5</U>
<U id="6" onClick="nomer(this)">B6</U>
</P>
<P id="C">
<U id="7" onClick="nomer(this)">C7</U>
<U id="8" onClick="nomer(this)">C8</U>
<U id="9" onClick="nomer(this)">C9</U>
</P>
<script>
function nomer(x){
y=x.getAttribute("id")
alert(y)}
</script>
Как можно изменить скрипт, чтобы кликнув по любому тегу "<U>", можно было бы прочесть "id" тега "<P>", его содержащего, или порядковый номер этого тега "<P>" в документе?
То есть, кликнув по надписи, "B5" получить в alert: "B".
Понятно, что в тег "<P>" нельзя ставить "onClick", иначе бы и не было вопроса!
Что то из этой темы когда то читал, кажется, про "расширение какого то контейнера", но это было давно, и сейчас даже не помню, какая это тема.