1

我似乎无法为此标签找到正确的 jquery 选择器：

HTML：

<div class="span4 span4-mod">
    <div class="well well-mod">
    <h4 class="DomainDescription">Iniz LAX1</h4>
    <span class="btn-block">
        <button></button>
    </span>
    <form action="pinfo.php" method="post">
        <input type="hidden" value="">
        <button>History</button>    
    </form>
    Port Status<br />
    <span class="portstatus porton">21</span>
    <table class="table" style="margin-top: 10px;">
        <tbody>
            <tr>
                <td><strong>Distro:</strong></td>
                <td class="showdistro">Debian 7.1</td>
            </tr>
            <tr>
                <td><strong>Online since: </strong></td>
                <td class="showonline">2 Days 10:29</td>
            </tr>
        </tbody>
    </table>    
</div>

我正在尝试搜索“DomainDescription”类，然后在“showonline”类中搜索HTML，并操作后者。

我正在寻找兄弟（table）>child（tbody）>child（tr）>child（td）的关系

尽我所能，我似乎无法为这种关系找到合适的选择器。

我是这样开始的：

$('.DomainDescription').each(function () {                  
    var PrintedUptime=$(this).siblings().children(".showonline").html();
    alert (PrintedUptime);
});

正确的选择器应该是什么？

4

2 回答 2

1

你可以

$('.DomainDescription').each(function () {                  
    var PrintedUptime=$(this).closest('.well-mod').find(".showonline").html();
    alert (PrintedUptime);
});

演示：小提琴

于 2013-08-23T06:19:56.510 回答
0

正确的 CSS 选择器是：

.DomainDescriptor~table>tbody>tr>td>.showonline

我认为这是正确的，至少。因此，您可以使用：

$('.DomainDescriptor~table>tbody>tr>td>.showonline').each(function(){
    alert(this.html());
})

以达到预期的效果。这未经测试。

于 2013-08-23T06:28:17.973 回答