Question

我有一个这样的课程：

<div class="photo" parameter1="custom" parameter2="custom"></div>

我总共有4个参数。

我需要一种方法在我的照片div中提交这些参数以用于JQuery代码，并且仍然符合我的网站W3C。有什么想法吗？

Answer 1

将doctype设置为HTML5并使用custom data-* attributes。

<!DOCTYPE HTML>    
...
<div class="photo" data-parameter1="custom" data-parameter2="custom" data-parameter3="custom" data-parameter4="custom"></div>

Answer 2

如果您使用的是HTML5，则可以选择创建custom attributes prefixed with data-*，以便使用以下内容：

<div class="photo" data-parameter1="custom" data-parameter2="custom">...</div>

Answer 3

你的sysntax是不正确的，它应以div结尾

是的，如果您为自定义属性添加自定义属性，则不符合W3c。

您可以按如下方式选择其值

var a=$('.photo').attr('parameter1');
var b=$('.photo').attr('parameter2');
var c=$('.photo').attr('parameter3');
var d=$('.photo').attr('parameter4');

如果你想使用jquery添加新属性，可以按如下方式进行：

$('.photo').attr('newParameter','value');

希望对你来说效果很好

Answer 4

我认为你在HTML中的某些概念不匹配。

首先，div不是“类”，你有一个“div元素”。 div元素可以有一个class属性。

其次，您必须使用</div>关闭元素，而不是</class>。

对于这个问题，另一个解决方案是在div中使用隐藏元素，例如

<div class="photo">
  <span class="hidden" name="parameter1">...</span>
  <span class="hidden" name="parameter2">...</span>
  <span class="hidden" name="parameter3">...</span>
  <span class="hidden" name="parameter4">...</span>
</div>

css风格如下：

.hidden {
  display: none;
}

最后用jQuery来检索值：

var value = $('div.photo span[name="parameter1"]').html();

用于JQuery的Div类额外参数

4 个答案: