Javascript 打开具有唯一id的Jquery对话框

我想用唯一的id打开jquery对话框，但我想不出来。问题是它并没有使用唯一标识符打开。我想用id属性打开它。换句话说，我想唯一地标识一个链接点击和div/对话框。请任何人帮忙

我所做的是：

Javascript代码：

$(function() {
    $(".dialog").dialog({
        autoOpen: false,
        maxWidth:600,
        maxHeight: 500,
        width: 600,
        height: 300,
        dialogClass: 'main-dialog-class',
        modal: true 
    });

    $("a.To").on("click", function() {
        var ID=$(this).attr('id');
        alert(ID);
        $(this).parent().find(".dialog").dialog("open");
    });
});

Php代码

<table>

<?php foreach($tList as $ts) : ?>
<tr>
<td>
    <div class="dialog" id="<?php echo $tenders["Tender_ID"]; ?>" title="Dialog Form">

    <?php  
        $sql1="select * from table where ID='".$ts["ID"]."'" ;
        $result1=mysqli_query($link,$sql1);
        while($rows=mysqli_fetch_array($result1)){
            echo $rows["t1"];
    ?>
    <a href="Download.php?filename=<?php echo $rows['Path'] ;?>" target="_blank"><?php echo $rows['Name'];?></a><br/>
    <?php } ?>
    </div>
</td>

<td style="display:none">
    <?php echo $ts["ID"]; ?>
</td>
<td>
    <a href="#" class="To" id="<?php echo $tenders["Tender_ID"]; ?>" >
                               <?php echo $tenders["Title"]; ?></a>
</td>
<td>
    <?php echo $ts["t1"]; ?>
</td>
<td>
    <?php echo $ts["t2"]; ?>
</td>
</tr>


<?php endforeach; ?>
</table>

---

不要使用jQuery获取id，$this.attr'id'应该是this.id。警报没有问题，问题是对话框没有使用唯一id打开。请查看-可能会质疑to作为类选择器的使用，为您的选择器添加一个更具体、更具描述性和小写的标签可能是一个好主意。我们如何使用ajax实现这一点意味着我们可以使用ajax在对话框中获取数据库数据吗？？？我使用了所有策略，但不起作用：