jquery 如何更改单击列表中某个项目时的内容?

hfyxw5xn  于 2022-11-22  发布在  jQuery
关注(0)|答案(4)|浏览(136)

对不起 我 的 英语 不 好 。 我 有 一 个 问题 。
我 有 建设 与 按钮 和 列表 的 跨度 。 我 需要 然后 我 点击 项目 的 列表 ( 一些 跨度 ) , 我 的 按钮 文本 更改 文本 可 点击 跨度 。
如果 我 点击 第 一 个 span , 然后 我 的 按钮 改变 文本 " 文本 " 或 第 二 个 span " 文本 2 " 。

<button class="switcher collapsible">X1</button>
<div class="collapsibleContent">                                         
  <span class="choise__block-item">Text</span>                                       
  <span class="choise__block-item">Text2</span>
</div>

中 的 每 一 个
我 有 很多 这样 的 结构 在 我 的 网页 上 。 我 如何 连接 这个 id ? 然后 如果 我 点击 跨度 与 平等 类 , 这 是 改变 我 所有 的 按钮 文本 ?

pinkon5k

pinkon5k1#

使用div classspan来改变按钮的文本,如下所示。在多人的情况下,parent()prev()是你的朋友。
第一个

yqhsw0fo

yqhsw0fo2#

为类choise__block-item(类choise__block-item的所有范围)添加click事件,使用text()set获取单击的span的文本,将该文本添加到按钮。
第一个
也可参见.html()的引用。

2wnc66cl

2wnc66cl3#

根据我理解,你的要求是在点击span时改变按钮的文本。
看看下面的代码
第一个

ojsjcaue

ojsjcaue4#

您可以在jQuery中使用text()获取列表文本:
第一个

相关问题