給html元素添加自定義屬性，並且用jquery進行篩選

例如有多個div，想要實現類似radio的效果。

<div name="teacher" selected="selected">tch1</div>

<div name="teacher">tch1</div>

<div name="teacher">tch1</div>

<div name="student">stu1</div>

<input text="tch1" id="txtSelectValue"/>

 

可以通過添加自定義屬性"selected"，通過jquery實現同一name下的只有一個div擁有selected="selected" 。然后就可以通過selected屬性來找到選中的div了。

        $(document).ready(function () {

            $("div[name=teacher]").click(function () {

                $(this).addClass("selected").attr("selected", "selected").siblings("div[name=teacher]").removeAttr("selected").removeClass("selected");

                $("#txtSelectValue").val($(this).html());

                // 或者 $("#txtSelectValue").val($("div[name=teacher][selected=selected]").html());

            });

        });