jQuery中的<dl>
標簽, 是一種描述列表,其格式為一系列的名/值對。其中<dt>
標簽定義名詞,而<dd>
標簽定義描述。在使用 JavaScript 操作 DOM 元素時,<dl>
標簽絕對不會是過度的使用,因為它允許我們將多個信息以清晰的方式組織到一起。
使用 jQuery 操作<dl>
標簽時,有多種方式可以獲取或設置dt
或dd
元素的值。首先,您可以使用.html()
或.text()
方法將其內容讀取到字符串中,或使用.html(value)
或.text(value)
方法將新值設置為元素的內容。
$(document).ready(function() { // 獲取名為 "NetTuts" 的元素 var $description = $('dt:contains("NetTuts")').next(); // 使用 text() 方法獲取元素的內容 var oldDescription = $description.text(); // 將它的開頭添加到其末尾, 然后將其設置為新的描述 $description.text( oldDescription + oldDescription ); });
除了使用.html()
和.text()
方法之外,還可以使用.val()
和.attr()
方法來獲取或設置在表單元素內設置的value
和屬性值
.
$('input').each(function (i) { var tagType = this.type; var $thisTag = $(this); // 如果標簽為 checkbox 或者 radio 元素 if( tagType == 'checkbox' || tagType == 'radio' ) { // 如果復選框被選中,則輸出 if ( $thisTag.is(':checked') ) { console.log( this.value + ' is checked!' ); } } else { // 如果標簽為 input[type=text] 或者 textarea 元素 // 則獲取并輸出輸入框中的文本 console.log( $thisTag.val() ); } });