html标签可以自定义属性吗？

举例说明，比如给<li>标签定义一个userID属性，然后用jquery获取这个属性值。我下面的代码获取到的值为null。
html：

<ul>

        <li id="li_one" userID="1"></li>

    </ul>

js：

var userID = $("li#li_one").attr("userID");

10 个解决方案

#1

可以自定义属性并通过Jquery获得

#2

可以的

另外，楼主都有现成的代码了，测试一下不就得了？

#3

可以，但是浏览器本身识别不了。不同的浏览器对不能识别的标记处理不同，虽然大部分会忽略之，但是一些古老的浏览器有可能会显示成不正确的内容。

#4

比如html5中的 data-role="listview" data-inset="true" data-theme="c"

#5

楼主的代码在ie 6, 7, 8下都没问题，9下面可能有问题。

#6

<ul>
<li id="li_one" userID="1"></li>
</ul>

js：
你获取值可以这样：
var UserID=document.getElementById("id").attr("userId").value;

试一下把！

#7

可以的，比如你要写一个仿单选的

是否选择<div checked='true'>是</div><div checked='false'>否</div>

不都是自定义的属性

#8

我在chrome下面测试的是不对的

#9

当然可以写自定义属性，是为了保存某些后面要用到得值，比如比如获得的数据库中某条数据的主键

#10

可以获取到啊！你怎么获取不到那？可以自定义啊！不信你自己去复制下面的代码去测试啊！ html标签可以自定义属性吗？

<!DOCTYPE html>

<html>

	<head>

		<title></title>

		<meta http-equiv="content-type" content-type:"text/html" charset="utf-8">

		<script type="text/javascript" src=jquery-1.11.1.min.js></script>

		<script>

			$(document).ready(function() 

			{

				var userID = $("li#li_one").attr("userID");

				alert(userID);

			});

		</script>

	</head>

	<body>

		<ul>

			<li id="li_one" userID="1">自定义属性</li>

		</ul>

	</body>

</html>

#1