如何在jquery中使用父函数获取类名答案

【问题标题】：How to get the class name with parent function in jquery如何在jquery中使用父函数获取类名
【发布时间】：2019-05-31 06:11:10
【问题描述】：

点击函数addIncludeTextBox时如何获取'field_wrapper_1'类名？

<div class="field_wrapper_1">
        <span class="error php-error" id="php-error_includes" style="display: none"></span> 
    <div class="row">
        <div class="col-md-11">
            <div class="form_group">
                <label class="form_label">Includes <span>*</span></label>
                <input class="form_input" name="includes[][]" id="includes" placeholder="Enter the details of fees includes" type="text">                                    

            </div>
        </div>
        <div style="padding-top: 3.6%;" class="col-md-1">
            <a href="javascript:void(0);" class="add_button" onclick="addIncludeTextBox(this)" title="Add field"><i class="fa fa-plus" aria-hidden="true"></i></a>
        </div>
    </div>
</div>

【问题讨论】：

标签： jquery attributes parent eventhandler

【解决方案1】：

你可以这样做：

$(obj).closest('[class^=field_wrapper]').attr("class")

结合 .closest 和 .attr 来获取课程。

可选你也可以只使用.closest('.field_wrapper_1')

工作演示

function addIncludeTextBox(obj){
  console.log($(obj).closest('[class^=field_wrapper]').attr("class"))
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="field_wrapper_1">
        <span class="error php-error" id="php-error_includes" style="display: none"></span> 
    <div class="row">
        <div class="col-md-11">
            <div class="form_group">
                <label class="form_label">Includes <span>*</span></label>
                <input class="form_input" name="includes[][]" id="includes" placeholder="Enter the details of fees includes" type="text">                                    

            </div>
        </div>
        <div style="padding-top: 3.6%;" class="col-md-1">
            <a href="javascript:void(0);" class="add_button" onclick="addIncludeTextBox(this)" title="Add field"><i class="fa fa-plus" aria-hidden="true">+</i></a>
        </div>
    </div>
</div>

【讨论】：