如何获取包含在子类中的 h4 元素的值答案

【问题标题】：how to get the value of h4 element enclosed in child classes如何获取包含在子类中的 h4 元素的值
【发布时间】：2022-11-01 18:47:15
【问题描述】：

 <div id="available_data">
  <div class="row childdata" id="100000">
    <div class="col-10 padding-left-none"><h3>100000</h3></div>
    <div class="col-2">
        <h4 id="data_amount" value="0">
        <i class="fa fa-inr"></i>0<input type="hidden" id="data11" name="dataname[]" value="100000" class="dataInput"> <i class="fa fa-minus-circle removedata"></i>
        </h4>
    </div>  
</div>
<div class="row childdata" id="110000">
    <div class="col-10 padding-left-none"><h3>110000</h3></div>
    <div class="col-2">
        <h4 id="data_amount" value="0">
        <i class="fa fa-inr"></i>0<input type="hidden" id="hdr_amt" name="hdr_amt[]" value="0" class="amt_to_pay"><input type="hidden" id="data11" name="dataname[]" value="110000" class="dataInput"> <i class="fa fa-minus-circle removedata"></i>
        </h4>
    </div>
</div>

我需要那个特定的 h4 值行子数据当我点击删除数据.这可能吗？我尝试了很多方法，但我无法获得价值。谁可以帮我这个事？

【问题讨论】：

$(this).closest("h4") - 但取决于您如何设置点击事件处理程序 - 请包括这些详细信息。

标签： javascript html jquery

【解决方案1】：

如果你使用 jQuery，你可以使用closest

$("i.removedata").click(function() {
  const $h4 = $(this).closest("h4");
  const value = $h4.attr("value");
  console.log(value);
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 <div id="available_data">
  <div class="row childdata" id="100000">
    <div class="col-10 padding-left-none"><h3>100000</h3></div>
    <div class="col-2">
        <h4 id="data_amount" value="0">
        <i class="fa fa-inr"></i>0<input type="hidden" id="data11" name="dataname[]" value="100000" class="dataInput"> <i class="fa fa-minus-circle removedata"></i>
        </h4>
    </div>  
</div>
<div class="row childdata" id="110000">
    <div class="col-10 padding-left-none"><h3>110000</h3></div>
    <div class="col-2">
        <h4 id="data_amount" value="10">
        <i class="fa fa-inr"></i>0<input type="hidden" id="hdr_amt" name="hdr_amt[]" value="0" class="amt_to_pay"><input type="hidden" id="data11" name="dataname[]" value="110000" class="dataInput"> <i class="fa fa-minus-circle removedata"></i>
        </h4>
    </div>
</div>

【讨论】：