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如何获取,并且利用它

number是一个全局变量,它始终等于上一个创建的id编号+1
用number-1就是id了

  var number = 0;
    function next() {
        $('#showdata').append('<input class="number_showdata" id="showdataid' + number + '" type="text" name="" />');
        number++;
    }
    for (var i = 0; i < 10; i++) {
        next();
    }
    $(".number_showdata").on("click", function () {
        var index = $(this).index();
        alert($(".number_showdata").eq(index).attr("id"));
    });

不需要起id也行,你的使用的时候对应事件传递this对象进去,然后通过dom关系获取你要的对象

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        function next() {
            $('#showdata').append('<input class="number_showdata" onclick="show(this)" type="text" name="" /><span style="display:none">text说明</span><br/>');
        }
        function show(btn) {
            $(btn).next().show();
        }
    </script>
    <input data-theme="e" type="reset" onclick="next()" name="button" id="button" value="点击显示" />
    <body>
        <div id="showdata">
        </div>

那格式是不是这样的呢:

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