Question

我想找到以下内容。

    <div class="row" id="I_WANT_TO_FIND_THIS_CLASS">
        <div class="cell100">
            <div class="table">
                <div class="cell40 content label bordersRight borderBottom"><input class="inputField input270" type="text" name="Source1" value=""></div>
                <div class="cell15 content label bordersRight borderBottom"><input class="inputField input95" type="text" name="Date1" value=""></div>
                <div class="cell45 content label borderBottom"><input class="inputField input305" type="text" name="Result1" value=""></div>
                <div class="cell45 content label borderBottom"><INPUT type="button" value="x" onclick="removeRow(this)" /></div>
            </div>
        </div>
    </div>

这是我尝试过的代码。（eventualy我想删除所选的＆＃34;行）＆＃34;
在div的第4个单元格上有一个removeRow(this)按钮调用

    function removeRow() {
        //$(this).closest('.row').remove();
        var div_id = $(this).closest('.row').attr('id');
        alert(div_id);
    }

Answer 1

您正在将单击的元素引用作为参数传递，因此请更改方法语法以接受参数，然后使用该语法查找row元素

function removeRow(el) {
    //$(this).closest('.row').remove();
    var div_id = $(el).closest('.row').attr('id');
    alert(div_id);
}

注意：由于您使用的是jQuery，因此请使用jQuery事件处理程序而不是内联处理程序

Answer 2

您需要传递给removeRow的对象，将参数添加到removeRow，我添加了名称source。使用此source对象代替this。

Live demo

function removeRow(source) {
     //$(this).closest('.row').remove();
     var div_id = $(source).closest('.row').attr('id');
     alert(div_id);
}

Answer 3

您正在使用jQuery。试试这个。

$('input[type=button]').click(function(){
    div_id = $(this).closest('.row').attr('id');
    console.log($(this).closest('.row').attr('id'));
});

通过遍历课程找到id

3 个答案: