当两个人如何编辑跨度时我该怎么做？

Question

我正在尝试编辑跨度内容，但跨度正在使用的类正在另一个范围中使用

- 我不想编辑的那个 -

<span id="chat-subrooms-toggle" class="chat-column-title"> Chat </span>

但是我想要编辑的那个

<span class="chat-column-title"> Related Videos </span>

我更喜欢使用

document.getElementByClassName("chat-column-title")[0] .innerHTML = "change here";

但是有一种消除某个id的方法

Answer 1

嗯，您不想编辑的内容有id，因此您可以使用.not：

var $span = $(".chat-column-title").not("#chat-subrooms-toggle");

Live Example

还有:not：

var $span = $(".chat-column-title:not(#chat-subrooms-toggle)");

Live Example

然后使用$span jQuery对象以“编辑”的方式更新跨度。

---

旁注：我在上面假设您删除（或没有）属性值和标签中的无关空格;如果你真的有这些空格，那么标记根本不会创建跨度（因为<之后的空格），如果你删除了那些而不是其他额外的空格，id值将不会匹配。例如，我假设第一个跨度的标记是这样的：

<span id="chat-subrooms-toggle" class="chat-column-title">Chat</span>

不是你的问题所在。

Answer 2

将not()与id selector

一起使用

$('.chat-column-title').not('#chat-subrooms-toggle')

Answer 3

您可以尝试：

$(".chat-column-title:not(#chat-subrooms-toggle").html("Related videos new text")

Answer 4

如果我是你，我会用数据属性装饰span，然后根据它进行编辑。

<span id="chat-subrooms-toggle" class="chat-column-title" data-column-type="chat">chat</span>
<span class="chat-column-title" data-column-type="related-videos"> Related Videos </span>

然后你可以简单地打电话：

var spanToEdit$ = $('span[data-column-type="related-videos"]');

获得正确的跨度。