javascript - Jquery中的呼叫ID

Question

我现在在 jquery 工作。我确实把我的每个 id uniuqe。但现在我不知道如何使用 onclick 函数 jquery 调用 id。

while ($i < $num3b) {  
    $staff_name=mysql_result($result3b,$i,"staff_name");  
    echo '<br/><span id="link'.$i.'" style="float:left;text-decoration:underline;">'.$staff_name. $i.'</span>';
    echo '<span id="linkmsg" style="width:100%;float:left;display:none;">OK</span>';
$i++;
}

这是我的jQuery

$('document').ready(function(){
    var linkid = $('#id').val();
    var link = '#link'+linkid;
    $(link).click(function() {
        jQuery('#linkmsg').show(); 
    });
});

谢谢你的帮助。

Answer 1

这里不需要使用id你可以使用类属性来解决这个问题。idlinkmsg也不是唯一的

尝试

while ($i < $num3b) {  
    $staff_name=mysql_result($result3b,$i,"staff_name");  
    echo '<br/><span class="link" id="link'.$i.'" style="float:left;text-decoration:underline;">'.$staff_name. $i.'</span>';
    echo '<span class="linkmsg" id="linkmsg'.$i.'" style="width:100%;float:left;display:none;">OK</span>';
$i++;
}

然后

$('document').ready(function(){
    $('.linlk').click(function() {
        jQuery(this).next('.linkmsg').show(); 
    });
});

Answer 2

像这里提到的其他人一样，使用 class 而不是 id 。如果你不能，那么你可以使用attribute starts with selector. 尝试：

$('document').ready(function(){
    $("span[id^='link']").click(function() {
        $(this).siblings("span[id^='linkmsg']").show(); 
    });
});

Answer 3

使用类。

while ($i < $num3b) {  
    $staff_name=mysql_result($result3b,$i,"staff_name");  
    echo '<br/><span class="link" style="float:left;text-decoration:underline;">'.$staff_name. $i.'</span>';
    echo '<span id="linkmsg" style="width:100%;float:left;display:none;">OK</span>';
$i++;
}


$('document').ready(function(){
    $(".link").click(function() {
        $(this).find("#linkmsg").show(); 
    });
});