Question

我是JQuery的新手，我现在处于一个非常困难的位置。我需要让用户可以自由地写一个段落，然后根据需要更改文本颜色，但只能更改其段落中的选定文本，例如浏览器中的文本编辑。这是我的档案：
的 HTML

<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-5589-1" />
   <link rel="stylesheet" href="style_ext.css">
   <title>Editable Paragraph</title>
   </head>
   <body>
   <p contenteditable="true" class="par" id="txt">This is an editable paragraph.</p>
   <center>
           <button type="button" id="redText">Color text in red</button>
   </center>
   <center>
           <button type="button" id="blueText">Color text in blue</button>
   </center>
           <script type="text/javascript" src="js/jquery.js"></script>
           <script type="text/javascript" src="js/pushred.js"></script>
   </body>
</html>

CSS

.par {
    width: 300px;
    height: 300px;
    border: 2px solid #A3A3A3
}

JS

$('#redText').click(function() {
    change_color('red');
});


$('#blueText').click(function() {
    change_color('blue');
});

function change_color(theColor) {
    //What should I put here to make any selected text change the color ?
}

重要信息：我不希望整个段落发生变化，只需要一个片段，一个选择，就像在文本编辑器中一样

Answer 1

$('#redText').click(function() {
    $(this).css('color', 'red');
};

更改段落选择样式

1 个答案: