jqueryを使用してチェックボックスリストのラベルを置き換えます。

Question

jqueryを使用してラベルをハイパーリンクに置き換えようとしています。しかし、それは私のために働いていません。私はそれぞれのリストアイテムに、その値に基づいて特定のハイパーリンクを持たせたい。ここで が jQueryのコードが..私が試したものです：

 $('.chkList li label').each(function() { 

      if ($(this).val() == "1") 
       $this.replaceWith('<a href="">link 1</a>'); 
      if($(this).val() == "2") 
       $this.replaceWith('<a href="">link 2</a>'); 
     }); 

asp.netコード：

<asp:CheckBoxList ID="chkList" runat="server" RepeatLayout="UnorderedList" CssClass="chkList"> 
        <asp:ListItem Text="A" Value="1"></asp:ListItem> 
        <asp:ListItem Text="B" Value="2"></asp:ListItem> 
        <asp:ListItem Text="C" Value="3"></asp:ListItem> 
</asp:CheckBoxList> 

私はここで何をしないのですか？

Answer 1

ok - だからA） $ thisの使用はコメントのように変更する必要があるだけでなく、値を比較していることがわかりました。

if (parseInt($(this).val())== 1) 

またはこれが機能する文字列

if ($(this).val() == "1") 

Answer 2

としてそれを維持：すべての入力値は、のparseInt（）を使用してそれを変換のいずれかので数に変換それまでは文字列です！

<script> 
     $('.chkList li').each(function() { 

      var myvalue = $(this).html(); 
      if ($(myvalue).attr("value") == "1") 
       $(this).replaceWith('<a href="">link 1</a>'); 
      if ($(myvalue).attr("value") == "2") 
       $(this).replaceWith('<a href="">link 2</a>'); 
     }); 
</script>