我有一个动态填充的字段。我知道字符串的前几个单词总是：
订单是手动编辑的：
后面是所做的所有编辑的列表。这个列表有时可能有点长。
我想隐藏编辑列表，并将其替换为“点击查看编辑”按钮。当用户单击按钮时，它会使编辑列表出现在按钮上方，并将按钮文本更改为“隐藏编辑”。
我的想法是使用 jquery 函数找到“订单是手动编辑的：”，然后选择字符串的其余部分并将其保存到变量中，然后我需要让它隐藏完整的字符串并显示上面的字符串和按钮。当用户单击按钮时，它将简单地切换保存到变量中的字符串（编辑列表）。
我正在搜索的字符串是
.note_message
我有点迷失如何实现这一目标。我找到了 :contains 选择器，但我不确定如何只选择编辑列表而不是我正在搜索的字符串。我怎样才能去做我想做的事？
【问题讨论】：
标签： jquery string toggle contains
如果您可以控制页面的输出，那么最好的方法就是创建一个您想要隐藏的 div 或 span 或类似内容。
<span id="editsToHide">These are my edits</span>
然后你可以通过$('#EditsToHide')轻松找到它
http://jsfiddle.net/8q8ds/ 是您想要的代码示例（可能可以做得更时尚、更整洁，但它是一个概念证明，应该让您朝着正确的方向思考。
注意，我还添加了一些东西，通过让 CSS 隐藏按钮而不是编辑，然后 javascript 隐藏编辑并显示按钮，使其在非 JS 浏览器上工作。没有 JS 意味着它将始终显示数据，而不是将其隐藏而无法获取。 :)
编辑：
要在不控制标记的情况下执行此操作，您需要添加自己的标记。我在这里根据旧的小提琴做了一个新的小提琴：http://jsfiddle.net/8q8ds/2/。关键的新代码是：
var messageText = $('.note_message').html()
var staticText = 'The order was manually edited:<br/>';
var dynamicText = messageText.substring(staticText.length-1);
var newHTML = staticText + '<span id="editsToHide">'+dynamicText+'</span>'
$('.note_message').html(newHTML);
您可以看到它找到了您的“note_message”范围的内容（请注意，如果这些意外行为中的一个以上可能发生）。然后它切断已知部分以获得未知部分（您可能需要进行一些验证以确保您切断的位实际上是您在输出 HTML 发生更改时所期望的）。然后它构造一些带有 span 的新 HTML，使其具有上述格式，然后像以前一样继续。
希望这会有所帮助。
编辑 2：刚刚更新了第二个 jsfiddle，因为我意识到我没有动态添加按钮。
【讨论】：
为什么不将您的编辑内容封装在某个容器中？然后只需使用 javascript 将其隐藏，这样没有它的人也可以享受您的编辑列表。
一些示例代码：
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
$('#edits').css('display', 'none');
$('#show.button').css('display', 'inline');
$('.button').click(
function() {
$('#edits, .button').toggle();
}
);
});
</script>
<style type="text/css">
.button {
display: none;
}
</style>
</head>
<body>
The order was manually edited:
<input type="submit" value="Click to View Edits" id="show" class="button" />
<input type="submit" value="Hide Edits" id="hide" class="button" />
<p id="edits">
Some edits.
</p>
</body>
</html>
【讨论】：