Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   наидём все хтмл елементи, у которих ид начинается на апределлённом символе (https://javascript.ru/forum/misc/27658-naidjom-vse-khtml-elementi-u-kotorikh-id-nachinaetsya-na-apredelljonnom-simvole.html)

dadli 20.04.2012 16:29

наидём все хтмл елементи, у которих ид начинается на апределлённом символе
 
здравствуите
можно написать такое: при собитии, наити все елементи хтмл-а у которих ид начинается на символе "m"
например на клике наидём все елементи у которих ид начинается на символе m и сделаем иx невидимим
что то такое:
function klik() {
document.getElementById('m'+и потом любои количество лубих символах).style.visibility = 'hidden';
}

Octane 20.04.2012 16:40

Array.from(document.querySelectorAll('[id^="m"]')).forEach(function (element) {
    element.style.visibility = "hidden";
});


Array.from, forEach, querySelector

devote 20.04.2012 16:41

<div id="mhaha">Тут есть m</div>
<div id="haha">Тут нет m</div>
<div id="mlala">Тут есть m</div>

<script>
    var elems = document.querySelectorAll( '[id^="m"]' );
    for( var elem, i = 0; elem = elems[ i++ ]; ) {
        elem.style.visibility = 'hidden';
    }
</script>

dadli 20.04.2012 16:46

Octane,
devote,
спасибо балшои

dadli 20.04.2012 16:55

один просба
даите ссилку плиз чтоб почитать на етом конструкцие [id^="m"]
погуглил querySelectorAll, но етот момент, наиденних статях, не описано.

Octane 20.04.2012 17:00

http://htmlbook.ru/samcss/selektory-atributov

dadli 20.04.2012 17:04

Octane,
спасибо :)

Раед 20.04.2012 17:30

Octane,
Тут хоть кто-нибудь думает об IE<9

Octane 20.04.2012 17:33

Все, что я написал, реализуемо в любой версии IE, в интернете полно как отдельных примеров реализации методов, так и библиотек типа es5-shim и augment.js. Ну и так как это не первое сообщение dadli и у него даже положительная карма, посчитал возможным привести пример в современном JavaScript, надеюсь разберется :) тем более ссылки дал

devote 20.04.2012 17:42

Цитата:

Сообщение от Раед (Сообщение 170137)
Octane,
Тут хоть кто-нибудь думает об IE<9

Ну дык Octane привел же ссылки на то как реализовать то чего нет в каких-то браузерах:
Цитата:

Сообщение от Octane (Сообщение 170116)



Часовой пояс GMT +3, время: 11:55.