我的html选择代码选择所有的html框

时间:2014-06-26 00:43:24

标签: javascript jquery html

我制作了这个jQuery代码,所以我可以点击“htmlbox”顶部的链接来选择“htmlbox”里面的内容

<p class="selecthtmlcode">إضغط هنا لتحديد النص أسفله</p>
<textarea readonly="" class="htmlcode">&lt;div id='allinantiadblock'&gt;
</textarea>
$(document).ready(function(){ 
  $( ".selecthtmlcode").click(function() { 
    $( ".htmlcode" ).select(); 
  }); 
}); 

但问题是当我有一个以上的“htmlbox”(每个人都有一个选择链接)时,它只选择最后一个“htmlbox”

我希望每个链接都选择他的“htmlbox”而不是最后一个或全部

这是我的链接,我有问题 http://showtime-info.blogspot.com/2014/04/24-anti-adblock.html

顺便说一句,“إضغطهنالتحديدالنصأسفله”的意思是“点击此处选择以下文字”

2 个答案:

答案 0 :(得分:1)

您想要选择 next .htmlcode元素:

$(".selecthtmlcode").click(function() { 
  $(this).next(".htmlcode").select(); 
});

答案 1 :(得分:1)

$(document).ready(function() { 
   $(".selecthtmlcode").click(function() {
      $(this).next(".htmlcode").select(); 
   }); 
});

或可能:

$(document).ready(function(){ 
   $(".selecthtmlcode").click(function() {
      $(this).next(".htmlcode").val(); 
   }); 
});