Question

任何人都知道如何使用jQuery基于其中的单击元素获取

的ID？
这是我的html标签：

objectName.AutoincrementId

每个LI元素都有3个按钮，删除，发送和下载。让我们从“苹果LI”元素中说出来，我点击了删除。我需要根据其id删除此LI元素，或者我想在其id上发送此基础。现在我如何获得LI的id或获取LI元素ID的最佳方法是什么？

除了获取id之外，我想在单击按钮删除时触发JQUERY效果。

useGeneratedKeys="true", KeyProperty="person.id", KeyColumn="id"

这是我的伪代码

<div id="grade_contamina">
    <ul id="ul_element">
        <!---My first li--->
        <li id="first_id">
            <p>
                Apple
            </p>
            <!---Button for apple---->
            <span class="fruits" id="btn_apple">
                <a class="btn_send_once">Send to Students</a>
                <a class="btn_delete_once" >Delete</a>
                <a class="btn_download_once">Download</a>
            </span>
        </li>
        <!---My second li--->
        <li id="second_id">
            <p>
                Grapes
            </p>
            <!---Button for grapes---->
            <span class="fruits" id="btn_grapes">
                <a class="btn_send_once">Send to Students</a>
                <a class="btn_delete_once" >Delete</a>
                <a class="btn_download_once">Download</a>
            </span>
        </li>
    </ul>
</div>

任何人都可以帮助我吗？我只有jQuery的小知识，所以任何帮助将不胜感激。谢谢！！！

Answer 1

要获得array[i][j] = ele;点击的array[i][j] = strdup(ele); id，您需要使用li。这将获得被点击元素的最接近的a祖先。

closest

Answer 2

<div id="grade_contamina">
    <ul id="ul_element">
        <!---My first li--->
        <li id="first_id">
            <p>
                Apple
            </p>
            <!---Button for apple---->
            <span class="fruits" id="btn_apple">
                <a class="btn_send_once">Send to Students</a>
                <a class="btn_delete_once" >Delete</a>
                <a class="btn_download_once">Download</a>
            </span>
        </li>
        <!---My second li--->
        <li id="second_id">
            <p>
                Grapes
            </p>
            <!---Button for grapes---->
            <span class="fruits" id="btn_grapes">
                <a class="btn_send_once">Send to Students</a>
                <a class="btn_delete_once" >Delete</a>
                <a class="btn_download_once">Download</a>
            </span>
        </li>
    </ul>
</div>

$(document).ready(function(){
    $('#grade_contamina').on('click', 'a', function() {
        var btn_name = $(this).attr('class')
        var id = $(this).closest('li').attr('id');
        if(btn_name == 'btn_send_once'){
            alert(btn_name+" within "+id);
            //your code
        }else if(btn_name == 'btn_delete_once'){
            alert(btn_name+" within "+id);
        }else{
            alert(btn_name+" within "+id);
        }
    })
})

以上代码会为button的{{1}}及其class的{{1}}

提供信息

Answer 3

你可以像我在这个小提琴中那样使用jQuerys .attr（propertyname）： https://jsfiddle.net/d907e6gm/

$('ul > li').click(function(){
alert($(this).attr('id'));
});

Answer 4

我不打算提供所有代码。我将向您展示如何获取列表项ID以及您单击了哪个按钮。

 $(document).ready(function(){
    $("#ul_element a").on("click",function(){
    idli = $(this).closest("li").attr("id"); // your list item id.
    val = $(this).text(); // your link text       
   });
 });

DEMO

Answer 5

尝试过滤点击.parents()的{{1}}，返回a父id的{{1}}

li

jQuery根据其中的clicked元素获取<li>的ID

5 个答案: