Javascript 具有多个选择/单击选项的JSTree节点？

我需要JSTree的最后一个节点以单个按钮列表的形式显示，在它后面水平。每个按钮都有一个不同的值，用于记录最后一个节点问题的分数。我不知道如何触发列表项中的单个项目单击事件。单击事件仅对整个节点激发

!！[屏幕截图gui设计]

关于我如何才能做到这一点，有什么想法吗？ 请参阅所附图片

我曾尝试将答案选项添加为问题的另一子树，但这将垂直显示答案，并且我需要它们与节点右侧水平

我应该能够单独单击字母按钮

<ul class="question">
<li class="question jstree-open" data-jstree='{"icon":"fas fa-angle-right"}'>
<div class="row">
<div class="col-sm-8">
a. Points to hand that is hiding a toy (both when toy remains in that hand and when toy is transferred to the other hand, out of sight)
</div>
<div class="col-sm-4 text-right">
<input type="radio" id="asm-input" hidden="hidden" value="" />

<a href="#!" data-value="1" class="badge badge-pill badge-secondary asm-option align-middle">&#x2B;/-A</a>
<a href="#!" data-value="2" class="badge badge-pill badge-secondary asm-option align-middle">&#x2B;A </a>
<a href="#!" data-value="3" class="badge badge-pill badge-secondary asm-option align-middle">&#x2B;/-</a>
<a href="#!" data-value="4" class="badge badge-pill badge-secondary asm-option align-middle">&#x2B; </a>
<a href="#!" data-value="5" class="badge badge-pill badge-secondary asm-option align-middle">- </a>


</div>
</div>

</li>
</ul>
.
.
.

数据jstree='{“图标”：“fas fa角度右侧”}>
A.指向隐藏玩具的手（当玩具留在那只手上时，以及当玩具转移到另一只手时，在视线之外）


.
.
.

let links=[…document.body.querySelectorAll（'a'）；
links.map（link=>{
link.addEventListener（'click'，event=>{
让value=event.target.getAttribute（'data-value'）；
console.log（值）；
});
});

数据jstree='{“图标”：“fas fa角度右侧”}>
A.指向隐藏玩具的手（当玩具留在那只手上时，以及当玩具转移到另一只手时，在视线之外）

所附图像在哪里？其更正在链接中！[截图gui设计]老兄！真是太棒了！很明显，我对DOM操作的了解不是很透彻，谢谢你的教训！