jquery如何设置一个动态创建的 $('#').append('')中的ID？并利用它

就比如像这样的：

 <script type="text/javascript">
 var number=0;
  function next(){
$('#showdata').append('<input class="number_showdata" id="showdataid'+number+'" type="text" name="" />');
number++;
}</script>
<input data-theme="e" type="reset" onclick="next()"  name="button" id="button" value="点击显示" />
<body>
 <div id = "showdata">
      </div>
            </body>

中的id如何获取，并且利用它

,这样的话，
id是不是随着触发一次事件就变化一次，比如第一次单击事件为：1；第二次单击事件为：2？还是id的格式有错？
如果想实现id的值为：showdataid1或者showdataid2的话，他的格式是不是：id="showdataid'+number+'"?
如果想在另一个function show(){ // 这里面如何获取上面的id（主要是想利用id得到相应的值，并比较他们的大小）} 该怎么做呢，求大神们帮帮忙

直接这样不就可以获取ID了么$(".number_showdata").click(function(){ alert( $(this).attr("id"); ); });

图片说明
就是这样

$("#ID名").append(）

你那样id是showdataid1，showdataid2.。。。这样增加，show中要使用对象其实你不需要器id，直接传递this对象就是当前input

   var number = 0;
    function show(ipt) {
        alert(ipt.id)
    }
    function next() {
        $('#showdata').append('<input onfocus="show(this)" class="number_showdata" id="showdataid' + number + '" type="text" name="" />');
        number++;
    }