Javascript 如何仅显示div中的特定文本？

我正在使用blogger创建帖子，帖子布局如下：

职称

标签

内容

作者

创建带有多个标签的帖子时，它们将显示如下所示，例如：

标签：另类、新音乐、想象龙

我的问题是，在本例中，我如何才能只显示“类型”，使其显示如下：

标签：备选方案

Blogger不支持php，所以我相信这必须通过JavaScript/jQuery来完成，在那里我可以过滤labels div中的文本。但是我对此不是很熟练

更新 非常感谢Chirag64！ 任何使用blogger的人都会发现这在选择某些标签以显示在您的帖子中非常有用

最终产品可在此处查看：

---

jsfiddle.net/3apZ4/13/

您可以使用css和jquery来完成

1） 首先用单独的div分开每个标签

2） 在css中为类创建样式，如

    .hidden-class
    {
        display:none;
    }

在jquery中，在某些条件下，将隐藏类添加到div

      $( "id" ).addClass( "hidden-class" );

如果要删除

      $( "id" ).removeClass( "hidden-class" );

在javascript中 加

除去

       document.getElementById("id").className = document.getElementById("id").className.replace(/\bhidden-class\b/,'');

---

您可以使用以下JavaScript代码删除除第一种类型之外的其他类型

//Remove genres not matching the listOfGenres list
var labels = document.querySelectorAll(".post-labels a");
var listOfGenres = ["Alternative","Pop"];

for (i=0; i < labels.length; i++) {
    if (listOfGenres.indexOf(labels[i].textContent) == -1)
        labels[i].remove();
}

//Remove trailing commas.
var postLabels = document.querySelector(".post-labels");
postLabels.innerHTML = postLabels.innerHTML.replace(/\,/g, "");

//删除与listOfGenres列表不匹配的类型
var标签=document.queryselectoral（“.post标签a”）；
var listOfGenres=[“替代”、“流行”]；
对于（i=0；i

---

.

请提供一些代码。。。像你的tryI一样，我不知道如何编写javascript和非常小的jquery:/you's using css for styles？？？是的，我只是有一些标签的基本css样式（字体大小/系列、文本颜色和链接颜色）你认为这可以用CSS来完成吗？正如大家所说：发布代码来展示你所做的事情，并展示一些努力…谢谢，这是我所寻找的方向上的一步。我怎么能选择一个特定的标签，比如“Alternative”或“Pop”来添加id呢？博客标签是通过他们的服务器处理的，所以它们都会被包装在一个具有相同标签的div中，这就是为什么我认为我需要使用某种javascript来选择一个特定的文本来添加id。有什么想法吗？谢谢！但是，我仍然无法选择要添加id的文本。我也更新了我的代码，但它似乎没有任何效果。请参考此代码，此方法的唯一问题是，有时出现的第一个标签不是我要显示的标签。例如，当我试图只显示流派时，它会显示为“标签：想象龙，替代品”。更改代码以检查在变量

列表中保存为数组的流派列表。哇，这正是我要找的！！非常感谢，最后一个问题，当我试图在blogger上保存这个脚本时，我遇到了一个错误“解析XML时出错，第59行，第14列：元素的内容必须由格式良好的字符数据或标记组成。”这是说这里某处的标记对于（I=0；I//Remove genres not matching the listOfGenres list
var labels = document.querySelectorAll(".post-labels a");
var listOfGenres = ["Alternative","Pop"];

for (i=0; i < labels.length; i++) {
    if (listOfGenres.indexOf(labels[i].textContent) == -1)
        labels[i].remove();
}

//Remove trailing commas.
var postLabels = document.querySelector(".post-labels");
postLabels.innerHTML = postLabels.innerHTML.replace(/\,/g, "");