Jquery как добавить текст к значению из placeholder

314
08 июня 2017, 08:57

Всем привет, есть следующая html разметка.

<div class="welcome-text" data-localize="welcomeuser">
  // сюда welcomeuser вставляет текст который берет из json файла
  // мне надо получить значение вот этого текста
</div>

Как с помощью jQuery изменить текст который подставляется из значения data-localize ?

пробовал следующим кодом, но он не работает.

            $(document).ready(function(){
              $('.welcome-text').html('hello');
            });     
Answer 1
        $(document).ready(function(){
        var localize = $('.welcome-text').attr('data-localize')
          $('.welcome-text').html(localize);
        });  
Answer 2

Я правильно понимаю, что нужно что-то подобное?

$(document).ready(function(){ 
  $('.welcome-text').attr('data-localize', 'new-value'); 
  console.log($('.welcome-text').attr('data-localize')); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="welcome-text" data-localize="welcomeuser"></div>

Читать здесь: .attr()

Answer 3
$(document).ready(function(){
  $('[data-localize]').localize("welcomeuser.hello", { language: "ru" })
});

покажи JSON

Answer 4

Ваш код $('.welcome-text').html('hello'); будет выполняться, только разместите его не в $(document).ready(function(){}); а после функции, которая заполняет этот div из JSON файла. Что бы получить содержимое div и вставить его в значение атрибута data-localize

$(".welcome-text").attr("data-localize",$('.welcome-text').html());

но опять таки будет работать при размещении после функции, которая заполняет этот div из JSON файла. А так же если у вас это единственный div с классом welcome-text, если их несколько то значение будет браться из первого div и для выбора нужного нужно будет указать правильный селектор. Если неизвестно в каком месте подключается функция то отложенный запуск должен решить проблему

  $(document).ready(function(){
    setTimeout(function(){
        $('.welcome-text').html('hello');
       },1000);
  }); 
READ ALSO
Плавная прокрутка к якорю без jQuery

Плавная прокрутка к якорю без jQuery

Есть отличный скрипт плавной прокрутки на jQuery

506
Меню не исчезает при скролле

Меню не исчезает при скролле

У меня проблема, когда я скроллю страницу меню не исчезает/появляется вот код

256
Js regexp замена тегов

Js regexp замена тегов

Вопрос такой, как можно с помощью js regexp заменить 2 тега br на div

262
Как связать react и nw.js?

Как связать react и nw.js?

Вопрос в этом - что куда записать, чтобы при запуске nwjs запускалось приложение, написанное на react?

234