簡單的方法來打印div標籤等內容

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的屬性：

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

<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>

或藉助data-*屬性（您將需要更新必要的屬性從數據標籤開始，例如data-title，data-area，data-user）：

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

然後檢查這個演示：

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

<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>

希望這有助於。 :)