javascript - 使用 jQuery 隐藏括号中的文本

Question

我在 SharePoint 2010 网站上有一个图像搜索页面。用户可以按关键字搜索，还可以选择按图像类型(例如缩略图、高分辨率等)进行过滤。因此，假设我搜索“医学”并通过选项之一“缩略图”过滤图像类型 - 我在结果页面顶部得到以下摘要:

医学的图像搜索结果
(ImageType="thumbnail")

我想要的是只显示第一行，因此搜索词包含在顶部，但不包含图像类型(基本上是括号中的所有文本)。这两行都包含在同一个 div 标签中，因此我认为 jQuery 有必要隐藏其中的括号和文本。

这是当前设置的 HTML 和 JS:

<div>
Image Search Results for 
<em>
<script type="text/javascript">
var searchword = document.getElementById('ctl00_g_b54753eb_fcc2_4937_9c5a_3541d9af497b_SE26EBB34_InputKeywords').value;
document.write(searchword)
</script>
medicine (ImageType="thumbnail")
</em>
</div>

Answer 1

只要您不需要 ( 之后的任何内容，那么您可以在该字符处拆分字符串并相应地编写它:

var searchword = document.getElementById('ctl00_g_b54753eb_fcc2_4937_9c5a_3541d9af497b_SE26EBB34_InputKeywords').value;
searchword = searchword.split("(")[0];
document.write(searchword)

如果 ) 之后有您可能想要包含的内容，您将不得不变得更花哨。只要您确定始终只有一组括号，这应该可行:

var searchword = document.getElementById('ctl00_g_b54753eb_fcc2_4937_9c5a_3541d9af497b_SE26EBB34_InputKeywords').value;
searchword = searchword.split("(")[0] + searchword.split(")")[1];
document.write(searchword)