Динамическое изменение стиля внутри селектора jquery

Question

У меня есть div, и я пытаюсь отобразить текст жирным шрифтом следующим образом:

$('#div').text("data between "+ fromdate + "to" + todate).css({'text-align':'centre'});

Как отобразить только «fromdate» и «todate» жирным шрифтом?

javascript jquery jquery-ui javascript-events

2

user1907849 14 Дек 2015 в 08:32

Answer 1

Используйте .html() и оберните текст в теги <b> (если это презентационный) или <strong>:

$('#div')
    .html("data between <b>" + fromdate + "</b> to <b>" + todate + "</b>")
    .css("text-align", "center");

И centre должен быть center.

3

Sverri M. Olsen 14 Дек 2015 в 05:35

Answer 2

Вы должны попробовать это.

$('#div').html("data between "+ "YourText1" + "to" + "YourText2").css('text-align','center');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id="div"></div>

1

Ankit Kathiriya 14 Дек 2015 в 05:37

Answer 3

Установите html, затем назначьте и filter в качестве класса, наконец установите css на отфильтрованный результат

$('#div').html("data between <span class='bold'>"+ fromdate + "</span>to<span class='bold'>" + todate + "</span>").css({'text-align':'center'}).filter( ".bold" ).css( "font-weight", "bold" );

2

gurvinder372 14 Дек 2015 в 05:35

Динамическое изменение стиля внутри селектора jquery

3 ответа

Похожие вопросы

Новые вопросы

javascript