jQuery如果「P」標籤包含「Img」標籤添加「文本對齊中心到」P「標籤

Question

我只需要一些幫助添加中心文本對齊p標籤，如果他們包含圖像。能夠WordPress的內中央處的圖像。謝謝你的任何和所有幫助您可以提供！

Answer 1

您可以使用has來縮小集中的所有p元素，那些含有img元素，然後用css更改屬性：

$("p").has("img").css({textAlign: "center"}); 

或者，你可以使用:has選擇：

$("p:has(img)").css({textAlign: "center"}); 

然而，.has方法比選擇更快。

Answer 2

$('img').closest('p').css('text-align', 'center'); 

Answer 3

使用jQuery：

$('p:has("img")').css('text-align','center'); 

只是因爲我跑這通過JS Perf，我想我會發佈一個簡單的JS版本（即，在Chromium 14/Ubuntu的11.04，是最快的方法來解決問題）：

var imgs = document.getElementsByTagName('img'); 
for (var i=0,len=imgs.length; i<len; i++){ 
    if (imgs[i].parentNode.tagName.toLowerCase() == 'p'){ 
     imgs[i].parentNode.style.textAlign = 'center'; 
    } 
} 

Along with a JS Fiddle。

參考文獻：

• css()。
• :has()。

Answer 4

用途有：http://api.jquery.com/has/

$('p').has('img').css('textAlign', 'center');