jQuery的 this和$(this)

標籤：dea   for   visible   ons   move   ext   line   匹配   amp   

今天剛剛遇到的問題，用jquery主要的目的是想匹配一個標籤內的字串後執行幾個操作

 1 {loop $qq_result $activity} 2                 <dd> 3                     <a href="qq?viewthread&tid={$qq[‘tid‘]}&mobile=2"> 4                         <div class="deantabimg"><img src="qq/{$activity[‘activityaid_url‘]}" width="120" zsrc="qq/forum/{$activity[‘activityaid_url‘]}" style="display: inline; visibility: visible;"></div> 5                         <div class="deantabinfo"> 6                             <div class="deantabil"><span>{$qq[‘author‘]}</span></div> 7                             <h3>{$qq[‘subject‘]}</h3> 8                             <div class="deantabir"><span class="qq_price">￥ <b>{$qq[‘use_cost‘]}</b> 元</span> <span class="view_reply_wrap"><b>{$qq[‘views‘]}</b><strong>{$qq[‘replies‘]}</strong></span></div> 9                         </div>10                     </a>11                 </dd>12                 {/loop}

這總共迴圈了10條資料，我想查詢到的是.deantabil 下的span裡的資料，首先我是用的是each方法迴圈遍曆，當我想擷取{$qq[‘author‘]} 的text()時 我使用的是this ，結果瀏覽器報錯：

$(".activity_list dd").each(function() {            var text = this.find(‘.deantabil span‘).text();            if(text === ‘文‘ || text ===‘宇‘){                this.remove();            }

this並沒有指向當前的 <dd> ，我使用console.log列印this，這個this指向了html對象;之後我又將this換成$(".activity_list dd .deantabil")想讓它尋找span，結果text變數變成了包含了10條資料數組；

最後將this改用了jquery的特殊內容物件 $(this),查詢正常，輸出也正常。這就證明在each()方法內部 必須得和$(this)配套使用。

它們之間的區別：$(this)是jquery的特殊內容物件，在each迴圈遍曆的語句中尤為重要；this則是原生的html上下文，使用範圍更加廣泛。

 

jQuery的 this和$(this)