Javascript 使用jquery替换复选框列表中的标签

我正在尝试使用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>');
        });

$（'.chkList li label'）。每个（函数（）{
如果（$（this.val（）=“1”）
$this.替换为（''）；
如果（$（this.val（）=“2”）
$this.替换为（''）；
});

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>

我错过了什么

好的-那么有两件事A） 您对$this的使用需要如评论中所述进行更改，但我刚刚意识到您正在比较其价值。所有输入值都是字符串，直到转换为数字为止，因此可以使用parseInt（）进行转换：

或者把它当作一根绳子

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

好的，那么有两件事A） 您对$this的使用需要如评论中所述进行更改，但我刚刚意识到您正在比较其价值。所有输入值都是字符串，直到转换为数字为止，因此可以使用parseInt（）进行转换：

或者把它当作一根绳子

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

这管用

<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>

$（'.chkList li'）。每个（函数（）{
var myvalue=$（this.html（）；
如果（$（myvalue）.attr（“值”）=“1”）
$（此）。替换为（“”）；
如果（$（myvalue）.attr（“值”）=“2”）
$（此）。替换为（“”）；
});

这很有效

<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>

$（'.chkList li'）。每个（函数（）{
var myvalue=$（this.html（）；
如果（$（myvalue）.attr（“值”）=“1”）
$（此）。替换为（“”）；
如果（$（myvalue）.attr（“值”）=“2”）
$（此）。替换为（“”）；
});

1）

var$this=$（this）2）
$this.val（）
您是否a）在文档中包含jQuery库，b）在$（document.ready（function（）{}）中封装代码@gabgrif是的，但我没有在上面的代码中包含它（$（this.val（）==1）已更新，但它仍然没有用超链接@Rayon1替换标签
var$this=$（this））2）
$this.val（）
您是否a）在文档中包含jQuery库，b）在$（document.ready（function（）{}）中封装代码@gabgrif是的，但我没有在上面的代码中包含它（$（this.val（）==1）已更新，但它仍然没有用超链接@Rayon替换标签