javascript - 在 Jquery 中更改文本更改字形颜色

Question

我有以下代码片段:

<div class="col-xs-6">
    @Html.TextBoxFor(model => model.TagName, new {@class = "textBoxTextFormat", @id = "newTagText"})
</div>
<div class="col-xs-3" >
    <a href="#" id="addNewTagButton"><span class="glyphicon glyphicon-floppy-disk" style="color: #4790b8; vertical-align: bottom; margin-top: 5px; font-size: 30px;"></span></a>
    <a href="#" id="cancelNewTagButton"><span class="glyphicon glyphicon-remove-circle" style="color: #4790b8; vertical-align: bottom; margin-top: 5px; font-size: 30px;"></span></a>
</div>

产生以下输出: ScreenShot

我想让保存和取消按钮在文本框中的文本更改时变暗。我尝试了以下但它不起作用:

$(document).on('change', '#newTagText', function (e) {
    $('#addNewTagButton').css('color', '#0000FF');
});

请帮帮我。

Answer 1

Pass the text field event to this.

jQuery(document).ready(function($){
$('.clickable').on("click", function(){
    $(this).find('.glyphicon').css("color", "#FFF000");
});
});

Demo Here