Styling $ (это) .text в JQuery

является то, что способ, чтобы стиль моего текста внутри JQuery, для этого примера:

Ев. Когда я нажал кнопку «Показать таблицу», она станет красной до синей.

$(document).ready(function() { 
    $('#hide').on('click', function() { 
     if ($('#category-table').is(':visible')) { 
      $(this).text("Show Table"); /*style this text color: red;*/ 
      $('#category-table').hide(); 
     } else { 
      $(this).text("Hide Table"); /*style this text color: blue;*/ 
      $('#category-table').show(); 
     } 
    }); 
});

источник

2015-03-03 S.T.

Используйте функцию .css() указать тип элемента:

$(this).text("Show Table").css('color', 'red');

Или вы могли бы иметь CSS классов, например,

.red { 
    color: red; 
} 
.blue { 
    color: blue; 
}

и добавить класс:

$(this).text("Show Table").removeClass("blue").addClass("red");

источник

2015-03-03 03:47:49 Barmar

Спасибо! Оно работает! Извините, я новичок в этой области. –

Привет @ Бармар, у меня есть еще один вопрос. Как, если я хочу стилизовать текст «Показать» от красного до синего. Но текст «Таблица» может быть от синего до красного в одно и то же время. Так что это будет что-то вроде, например: « Показать таблицу» к « Показать Таблица» –

Вам нужно разбить его на отдельные '' элементов, так что вы можете дать им различные стили. – Barmar

Используйте метод JQuery .css().

например. $(this).text("Show Table").css('color', 'red');

источник

2015-03-03 03:47:57

Спасибо за помощь! –

Похоже, вы используете jQuery.

$(this).css('color', '#ff0000'); /*style this text color: red;*/ 
$(this).text("Show Table");

$(this).css('color', '#0000ff'); /*style this text color: blue;*/ 
$(this).text("Hide Table");

источник

2015-03-03 03:50:15 guinness74

$(document).ready(function() { 
    $('#hide').on('click', function() { 
    if ($('#category-table').is(':visible')) { 
     $(this).text("Show Table"); /*style this text color: red;*/ 

     $(this).css("color","red"); // if you want set color (you can set color as 'red' or '#ff0000') 
     $(this).addClass("myRedClass"); //this is better, you can set class and change him in styles 

     $('#category-table').hide(); 
    } else { 
     $(this).text("Hide Table"); /*style this text color: blue;*/ 
     /* copy from red */ 
     $('#category-table').show(); 
    } 
    }); 
});

источник

2015-03-03 03:54:12

Styling $ (это) .text в JQuery

ответ

Смежные вопросы