单击Javascript中的选定列表时如何传递标题标签数据?

问题描述

一个列表中有两个列表 name="ABC" 和第二个列表中有 name="XYZ"。我想通过调用 changefileinput() 函数使用 javascript 获取所选列表 h4 标签的值?

例如: 如果我单击 ABC 列表,那么我想获取其 h4 标签的值,即首先 如果我单击 XYZ 列表,那么我想获取其 h4 标签的值,即第二个

    <!-Html Code ->
    <li>
    <a class="btn templateBtn d-flex mb-2" onclick="changefileinput(this);">
     <div class="ml-2">
       <h4 data-toggle="tooltip" data-placement="top" name='ABC'>First</h4>
       <span>List Value-1</span>
     </div>
    </a>
    </li>
    <li>
    <a class="btn templateBtn d-flex mb-2" onclick="changefileinput(this);">
     <div class="ml-2">
       <h4 data-toggle="tooltip" data-placement="top" name='XYZ'>Second</h4>
       <span>List Value-2</span>
     </div>
    </a>
    </li>
    
    <!-Javascript Code ->
    function changefileinput(el) {
      alert("Hello");
      console.log("Name of Selected List Element is:",el.name);
    }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)