给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());

});

});

原文地址：https://www.cnblogs.com/zhoushiya/p/12107331.html