jquery 的问题 急急急急！！！

Question

<ul class="ulTxt padding_left10">
   <asp:Repeater ID="Repeater1" runat="server">
     <ItemTemplate>
       <li>
         <span class="iconTxt270 iconTxt"><a href="#" class="iconA"><%#Eval("TG_Title") %></a></span> 
         <span class="iconN"><%#Eval("ID") %></span>
      </li>                             
     </ItemTemplate>
    </asp:Repeater>
</ul>绑定数据以后显示的效果：奔驰豪华MPV车型唯雅诺出击车展    3 
原装进口 雷诺全系车型钜惠回馈    4 
豪车齐聚市民中心 凯迪拉克出击购车节  5 
一汽丰田3月20日团购秒杀专场  6 
一汽大众全系团购活动火热召集  7 
我要的就是点击了  比如 "奔驰豪华MPV车型唯雅诺出击车展" 这些字以后其变成文本框，当我的鼠标失去焦点的时候，我想取得 "奔驰豪华MPV车型唯雅诺出击车展" 后面的 3的值，请帮忙说下 该怎么取得呢？我用的是 jquery<ul class="ulTxt padding_left10">
   <asp:Repeater ID="Repeater1" runat="server">
     <ItemTemplate>
       <li>
         <span class="iconTxt270 iconTxt"><a href="#" class="iconA"><%#Eval("TG_Title") %></a></span> 
         <span class="iconN"  runat="server" visible="flase"><%#Eval("ID") %></span>
      </li>                             
     </ItemTemplate>
    </asp:Repeater>
</ul>
绑定数据以后显示的效果：奔驰豪华MPV车型唯雅诺出击车展
原装进口 雷诺全系车型钜惠回馈
豪车齐聚市民中心 凯迪拉克出击购车节 
一汽丰田3月20日团购秒杀专场
一汽大众全系团购活动火热召集
我要的就是点击了  比如 "奔驰豪华MPV车型唯雅诺出击车展" 这些字以后其变成文本框，当我的鼠标失去焦点的时候，我想取得 "奔驰豪华MPV车型唯雅诺出击车展"对应的ID 该怎么实现呢  ，请帮忙说下 该怎么取得呢？ 我用的是 jquery

Answer 1

你是要获取<span class="iconN"><%#Eval("ID") %></span>中的值哇??可以用each()函数
each()函数可以将$选择器中的所有元素组合成数据 用来判断用户操作的是哪一个索引的元素$(".iconA").each(function(index){//这里的index会获取到你点击class=".iconA"的元素的索引号  比如你点击第二个 那么index=1
  $(this).click(function(){
    var id=$(".iconN").eq(index).text();//这里获取第索引为index的.iconN中的内容
  })
})

Answer 2

呃  不好意思  我看错了```得到焦点时 成为文本框  你的意思是原有的文本隐藏  然后加一个文本框进来,代替之前的文字哇??这样子的话 倒是有点麻烦了``可以实现的  只要你搞明白了each()配合eq()这两个函数的用法
那就应该没什么问题  想想思路就可以想通了懂的话 可以去网上下一个jQuery api的帮助文档  百度一下 jQuery api  都可以找到的400K左右

Answer 3

既然你学jQuery  那肯定要去了解这些函数的噻   去查查each()函数和eq()函数的用法就明白了``多看实例  

Answer 4

<script type="text/javascript">
$(document).ready( function() {
$("ul.ulTxt li a").click( function() {
var txt = $(this).text();
$(this).replaceWith('<input type="text" value="' + txt + '" />');
});
$("ul.ulTxt li :text").live('blur', function() {
var id = $(this).parent().next('span').text();
alert(id);
});
});
</script>