jQuery:根據style查找html元素

 

jQuery中對根據style查找html元素支持不是很好，經過測試，可以使用以下方法間接實現。

首先查找包含style屬性的div，然後遍歷這些div，過濾出padding-top爲'15px'的div。

代碼如下：

html元素結構：

<div class="footer"> <p class="footer_l"> Copyright 2010 All Rights Reserved 魯ICP09015143</p> <p class="footer_r"> 電話：[phone] | <a href="#" mce_href="#">投訴與建議</a> | <a href="#" mce_href="#">網站地圖</a> | <a href="#" mce_href="#">法律聲明</a></p> </div> <div style="padding-top: 15px;" mce_style="padding-top: 15px;"> 共2頁, 當前第1頁, <span><font face="webdings" title="首頁">9</font></span> <span><font face="webdings" title="上一頁">3</font></span> <a href="index.html" mce_href="index.html" title="上十頁"><span><font face="webdings">7</font></span></a> <strong><span>1</span></strong> <a href="index_2.html"><span>2</span></a> <span><font face="webdings">8</font></span> <a href="index_2.html" title="下一頁"><span><font face="webdings">4</font></span></a> <a href="index_2.html" title="尾頁"><span><font face="webdings">:</font></span></a></div> 

腳本代碼：爲避免與Prototype衝突，將$替換爲jQuery.

<mce:script type="text/javascript"><!-- var jQuery = $; jQuery(document).ready(function() { jQuery("div[style]").each(function() { if (jQuery(this).css("padding-top") == "15px") { jQuery(this).css("text-align","center"); } }) }); // --></mce:script>