Кнопка наверх реализуется тремя фрагментами кода: HTML, CSS и JS. HTML: <div id=»up_btn»>Наверх</div> CSS: #up_btn { cursor: pointer; padding: 20px; position: fixed; bottom: 40px; right: 10px; border: none; background: #007ACC; font-weight: bold; color: #fff; text-align: center; z-index: 9999; display: none; } JS (jQuery): $(document).ready( function() { var up_btn = $(‘#up_btn’); /* Скрыть-показать на границе верхнего … Читать далее
Требуется только jQuery.HTML: CSS: JS:
Дано: [html] <div class="tel">8 (800) 000-00-00</div> [/html] Код должен быть таким: [html] <a href="tel:88000000000">8 (800) 000-00-00</a> [/html] Если нет возможности изменить код, то можно сделать так: [js] var tel_element = $(‘.tel’); var tel_str = tel_element.text(); var tel_number = tel_str.replace(/[^+\d]+/g, ""); tel_element.html(‘<a href="tel:’ + tel_number + ‘">’ + tel_str + ‘</a>’); [/js]
Например, обернем картинку в div с классом my-image. [html] <p> <img id="photo" src="/images/photo.jpg" /> </p> [/html] [js] var image_code = document.getElementById(‘photo’).parentElement.innerHTML; // получаем html код внутри родительского элемента document.getElementById(‘photo’).parentElement.innerHTML = ‘<div class="my-image">’ + image_code + ‘</div>’; [/js]
HTMLCollection — это объект, ведущий себя подобно массиву. Например, чтобы получить один элемент коллекции, можно обратиться как к элементу массива по индексу: [html] <a href=»link1″>Link 1</a> <a href=»link2″>Link 2</a> [/html] [code lang=»js»] var links = document.getElementsByTagName(‘a’); //HTMLCollection alert(links[0]); [/code] Но перебрать коллекцию как массив уже не получится: [code lang=»js»] links.forEach(function(link, i, links) { alert(link); }); … Читать далее