Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.06.2021, 17:46
Интересующийся
Отправить личное сообщение для sega1821 Посмотреть профиль Найти все сообщения от sega1821
 
Регистрация: 30.10.2020
Сообщений: 29

Один js для всех ссылок
На сайте есть ссылки, в которых скрыта часть номера. Как сделать так, что бы при нажатии на одну ссылку номер стан виден во всех?

<a class="pokaz-nomer" data-last=" 999-99-99">8 (918)<span> xxx-xx-xx</span><p class="text-pokaz">нажмите и номер отобразится</p></a>


$('.pokaz-nomer').click(function() {
    $(this).find('span').text( $(this).data('last') );
});
Ответить с цитированием
  #2 (permalink)  
Старый 15.06.2021, 18:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sega1821,
<!DOCTYPE html>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <script>
        $(function() {
            let link = $('.pokaz-nomer');
            link.click(function(event) {
                event.preventDefault();
                link.each(function(i, el) {
                    $(this).find('span').text($(this).data('last'))
                });
            });
        });
    </script>
</head>

<body>
    <a class="pokaz-nomer" data-last=" 999-99-99">8 (918)<span> xxx-xx-xx</span>
        <p class="text-pokaz">нажмите и номер отобразится</p>
    </a>
    <a class="pokaz-nomer" data-last=" 111-11-11">8 (918)<span> xxx-xx-xx</span>
        <p class="text-pokaz">нажмите и номер отобразится</p>
    </a>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 15.06.2021, 19:03
Интересующийся
Отправить личное сообщение для sega1821 Посмотреть профиль Найти все сообщения от sega1821
 
Регистрация: 30.10.2020
Сообщений: 29

Спасибо большое, только что сам разобрался. Сможете подсказать, есть ли возможность отображаения номера на всём сайте? Т.е. при переходе на другую страницу, что бы все номера остались отображенными?
Ответить с цитированием
  #4 (permalink)  
Старый 15.06.2021, 19:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sega1821,
<!DOCTYPE html>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <script>
        $(function() {
            let link = $('.pokaz-nomer');
            const openNumber = function() {
                link.each(function(i, el) {
                    $(el).find('span').text($(el).data('last'));
                    localStorage.showNumber = "show";
                });
            }
            let showNomer = localStorage.showNumber;
            showNomer ? openNumber() : link.click(openNumber);


        });
    </script>
</head>

<body>
    <a class="pokaz-nomer" data-last=" 999-99-99">8 (918)<span> xxx-xx-xx</span>
        <p class="text-pokaz">нажмите и номер отобразится</p>
    </a>
    <a class="pokaz-nomer" data-last=" 111-11-11">8 (918)<span> xxx-xx-xx</span>
        <p class="text-pokaz">нажмите и номер отобразится</p>
    </a>
</body>

</html>
Ответить с цитированием
  #5 (permalink)  
Старый 15.06.2021, 19:37
Интересующийся
Отправить личное сообщение для sega1821 Посмотреть профиль Найти все сообщения от sega1821
 
Регистрация: 30.10.2020
Сообщений: 29

Спасибо Рони, вы лучший!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Правильно вызвать массив biryukovm Элементы интерфейса 3 19.03.2018 13:31
Объединить JS в один файл Alfer Общие вопросы Javascript 0 14.07.2013 13:43
поиск классов внутри тега yozuul jQuery 24 14.06.2013 22:00
Массив ссылок в js wildf Общие вопросы Javascript 9 15.05.2013 18:37
Загрузить title для ссылок на странице MarikVal jQuery 0 27.07.2009 20:38