JavaScript使用jQuery更改文本

我正在努力解决这个问题。。。应该很简单，不知道我做错了什么

我需要使用JavaScript函数替换一些文本

HTML:

<div class="dd" name="agenda-nestable" id="nestable">
  <ol id="agenda-root" class="dd-list">
    <li class="dd-item" data-type="section" data-id="5455" id="5455">
      <div class="dd-handle">
        <span style="font-weight: bold">Roll Call</span>
        &nbsp;&nbsp;|&nbsp;&nbsp;Owner: <span>Philip&nbsp;Tenn</span>
      </div>
    </li>
  </ol>
</div>

Plunk:

<div class="dd" name="agenda-nestable" id="nestable">
  <ol id="agenda-root" class="dd-list">
    <li class="dd-item" data-type="section" data-id="5455" id="5455">
      <div class="dd-handle">
        <span style="font-weight: bold">Roll Call</span>
        &nbsp;&nbsp;|&nbsp;&nbsp;Owner: <span>Philip&nbsp;Tenn</span>
      </div>
    </li>
  </ol>
</div>

---

如果目标是更改结尾处的名称（您现在拥有的是

Philip Tenn

），则要简单得多：：-）

…我假设调用

changeName

时使用

this

引用

#nestable

：

$（“#嵌套”）。在（“单击”，函数（）{
changeName.call（这是“Joe Bloggs”）；
});
函数changeName（名称）{
$（this.find（“.dd handle span”）.last（）.text（名称）；
}

点名
|业主：Philip Tenn

试试这个。 在span中使用id

<span style="font-weight: bold">Roll Call</span>
&nbsp;&nbsp;|&nbsp;&nbsp;Owner: <span id="owner_name">Philip&nbsp;Tenn</span>
            </div>

---

其余部分保持不变。

这应该适用于您：

函数更改名称（名称）{
const ownerre=document.querySelector（'.dd handle>span:last child'）；
ownerrel.innerText=名称；
}

点名|所有者：Philip Tenn


改名

请使用堆栈片段（

[]

工具栏按钮）使您的程序在站点上可运行。编辑：下面的问题是为什么。您在问题中没有显示这一点，该问题必须是独立的。您如何调用

changeName

？在这种情况下，这个是什么？使用

html（）

将DOM元素转换为html字符串，然后在该字符串上使用

$（）

再次创建DOM元素是没有意义的。正如@T.J.Crowder提到的，您可能已经在plnkr上解释了它的工作原理，但我并没有看那个里，因为它是非现场的。而且演示似乎过于简单了，因为你们只有一个项目可以明确地被id锁定。不太清楚更高级别的目标是什么

<span style="font-weight: bold">Roll Call</span>
&nbsp;&nbsp;|&nbsp;&nbsp;Owner: <span id="owner_name">Philip&nbsp;Tenn</span>
            </div>

  $("#owner_name").html("").html(sectionHtml);