打印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(){ 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); }) }); 

 <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 tag開頭，例如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){ 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> 

希望這可以幫助。 :)