1.6 KiB
1.6 KiB
id, title, challengeType, forumTopicId
| id | title | challengeType | forumTopicId |
|---|---|---|---|
| 564944c91be2204b269d51e3 | 使用 jQuery 更改元素内部的文本 | 6 | 16773 |
--description--
你能用 jQuery 改变起始标签和结束标签之间的文本，甚至改变 HTML 标签。
jQuery 有一个.html()函数，你能用其在标签里添加 HTML 标签和文本，函数提供的内容将完全替换之前标签的内容。
下面的代码效果是重写并强调标题文本：
$("h3").html("<em>jQuery Playground</em>");
类似的，jQuery 有一个.text()函数，其改变文本而不增加标签。换而言之，该函数会忽略所有传递过来的 HTML 标签，并将其视为用来替换原文本的文本。
请强调 id 为target4的按钮的文本。
请查看此链接来了解更多<i>和<em>的区别和用法。
注意，<i>标签虽然传统上用来强调文本，但此后常用作图标的标签；<em>标签作为强调标签现在已被广泛接受。两者都可以应对本次挑战。
--hints--
通过添加 HTML 标签强调target4按钮中的文本。
assert.isTrue(
/<em>|<i>\s*#target4\s*<\/em>|<\/i>/gi.test($('#target4').html())
);
确保文本不乱。
assert($('#target4') && $('#target4').text().trim() === '#target4');
不改变其他任何文本内容。
assert.isFalse(/<em>|<i>/gi.test($('h3').html()));
确保使用.html()方法而不是.text()方法。
assert(code.match(/\.html\(/g));
确保用 jQuery 选取button id='target4'。
assert(code.match(/\$\(\s*?(\"|\')#target4(\"|\')\s*?\)\.html\(/));