jQuery transaction id= "q1" and id= "q10"相同



我正在用id="q0"调用(来自jQuery)divs,id="q1"... id="q10"一个接一个。但是当它(jQuery)调用div="q1"时,它也同时调用div="q10"。

在最后使用字符也不起作用。

//jquery
$( document ).ready(function() 
    {
        $(".container").hide();
        var number=0;
        var question="question";
        var question_number=question.concat(number);
        $('[id*='+question_number+']').show();
    $(".submit").click(function (e)
    {
        $(".container").hide();
        number++;
        var question_number=question.concat(number);
        alert(question_number);
        $('[id*='+question_number+']').show();
    });
    });
////////////////html
<div id="question1" class="container">
    <button  class="submit">submit</button>
</div>
/////SO ON
<div id="question10" class="container">
    <button  class="submit">submit</button>
</div>

*= 属性子字符串选择器将匹配其属性包含您为其提供的内容的任何元素。所以[id*=1]将匹配任何id属性包含1的元素,这当然是question1的,也是question10的(和foo717)。

要隐藏单个特定问题,请使用 ID 选择器:$("#question" + question_number)

最新更新