Question

我有一个div标签：

<div class="This is a class" title="Server:http://servername/
Area: PrOD
User: USER NAME"> X</Div>.

我想从上面的div标签打印标题，区域和用户。

我发现了一些不清楚的线程。

感谢任何帮助。

Answer 1

如果您没有使用data-*属性，您的div将如下所示：

<div class="myDiv" id="original" title="http://servername" area="PrOD" user="tester"></div>

然后查看这个获得所有div属性的演示：

＆＃13;

$('div').each(function(){
	var attributes = this.attributes;
	$.each(attributes, function(ndx){
    	var attrName = attributes[ndx].name;
        var attrVal  = attributes[ndx].value;
        
    	// add conditions for certain attribute name;
    	console.log(attributes[ndx].name + ' = ' + attributes[ndx].value);
    })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myDiv" id="original" title="http://servername" area="PrOD" user="tester">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, alias.</div>

＆＃13;

或借助data-*属性（您需要更新必要的属性以开始使用数据标记，例如data-title，data-area，data-user）：

<div class="anotherDiv" id="original2" data-title="http://servername" data-area="PrOD" data-user="tester"></div>

然后查看此演示：

＆＃13;

var datas = $('div.anotherDiv').data();
$.each(datas, function(ndx){
	console.log(ndx + ' = ' + datas[ndx]);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="anotherDiv" id="original2" data-title="http://servername" data-area="PrOD" data-user="tester">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, alias.</div>

＆＃13;

希望这会有所帮助。：）

打印div标签和其他内容标题的简单方法

1 个答案: