Question

我的HTML格式如下：

<ul class="whatlike-list">
    <li class="first">
        <a href="/SessionHandler.aspx" class="button-flight-search">Search for Flights</a>
        <div class="open-block-holder">
            <div id="slideFlightSearch" class="open-block" style="display: block; left: 650px;">

            </div>
        </div>
    </li>
</ul>

现在我希望点击链接“搜索航班”来获取DIV ID =“ slideFlightSearch ”，我已经获得了班级“按钮 - 飞行 - 在我的$ this对象中搜索。我的JQuery中有类似下面的东西。

$(link).click(function()
{
    alert($(this).attr("class"));
})

在上面的警告中，我正在上课“按钮 - 飞行搜索”，但我需要内部DIV ID slideFlightSearch

请建议使用JQuery。

Answer 1

您可以使用.next和.find，如下所示：

$(link).click(function() {
    var id = $(this).next(".open-block-holder")
                    .find("div") // or .find("div.open-block")
                    .attr("id");
});

Answer 2

你可以尝试：

$('a').click(
    function(){
        var theDivID = $(this).closest('li').find('.open-block').attr('id');
        alert('The div's ID is: ' + theDivID);
        return false; // If you need to prevent the default action of clicking on a link.
    });

Answer 3

使用HTML结构而不使用ID或类属性的方法。

$(link).click(function()
{
    alert($(this).next()         //get div with class "open-block-holder".
                 .children()     //get the inner div with class "open-block".
                 .attr("id") ) ; //get the ID.

})

如何从JQuery中的给定HTML获取DIV ID

3 个答案: