如何更改命名div內的嵌套div顯示爲顯示內聯使用CSS或jQuery選擇器？

我有一個問題，我需要能夠改變一系列的div使用「顯示：內聯」的基礎上，如果他們嵌套在一個特定的div，但我不能確定如何選擇所有的子div 。也許有一個簡單的CSS方法來實現這一點，但我會更詳細地描述問題。如何更改命名div內的嵌套div顯示爲顯示內聯使用CSS或jQuery選擇器？

我有一個使用控件套件的Web應用程序，我沒有編程訪問來更改控件使用的類/結構，但是最終它們輸出HTML，JavaScript等，並且使其進入DOM。該套件將控件包裝在一個div中，該div被解釋爲一個塊div（因爲沒有指定display：值），這會在控件旁邊顯示圖像或圖標的情況下導致問題。一個幫助圖標，因爲div默認呈現爲塊而不是串聯。該網站的其餘部分仍然需要將div視爲塊。

有沒有什麼辦法讓添加的div添加style =「display：inline;」所有它試圖通過jQuery或CSS包裝的項目？

在下面的例子中，所有內/下方ctl00_ContentPlaceHolder1_Area一般需要的div被改變爲具有顯示：內聯，但是更具體的div開始ctl00_ctl00_ContentPlaceHolder1_ *和是命名ctl00_ContentPlaceHolder1_Area在div內。

<div id="ctl00_ContentPlaceHolder1_Area"><div id="ctl00_ctl00_ContentPlaceHolder1_TextBox1Panel"> 
     <input name="ctl00$ContentPlaceHolder1$TextBox1" type="text" onchange="javascript:setTimeout('WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$TextBox1", "", true, "", "", false, true))', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;javascript:$radIE.keyPress(event);" id="ctl00_ContentPlaceHolder1_TextBox1" class="RadInputMgr_Office2007 RadInput_Enabled_Office2007" onmouseover="javascript:$radIE.mouseOver(event);" onmouseout="javascript:$radIE.mouseOut(event);" onblur="javascript:$radIE.blur(event);" onfocus="javascript:$radIE.focus(event);" /> 
    </div> <img src="icon.png" alt="Small Image Icon"></div>

來源

2011-03-14 jon333

需要'ctl00_ctl00_ContentPlaceHolder1_TextBox1Panel'作爲id。另一方面，你應該可以用CSS來做到這一點。 – thirtydot 2011-03-14 20:10:07

嘗試：

#ctl00_ContentPlaceHolder1_Area div[id^="ctl00_ctl00_ContentPlaceHolder1_"] { 
    display: inline !important 
}

如果可行，請查看它是否在沒有!important的情況下工作，這是不好的做法。

演示：http://jsfiddle.net/thirtydot/RGAm8/

來源

2011-03-14 20:12:49 thirtydot

如果你有一個選擇，你可以使用（理想的是類名，或別的東西），jQuery將讓你做這樣的事情

jQuery('.DIV_CLASS').each(function() { jQuery(this).css('display','inline') })

或者，假設他們是另一個DIV的一部分，CSS：

div.container_div div { display: inline; }

來源

2011-03-14 20:12:04

如果你沒有任何容器內的其他div的，你可以使用下面的CSS：

#ctl00_ContentPlaceHolder1_Area div { 
    display: inline; 
}

來源

2011-03-14 20:15:03

我將一個類添加到父DIV，然後使用像這樣的css

div.parent > div { display:inline; }

這隻適用於父div的子級的嵌套div。換句話說，div 2將被內聯顯示，但div 3不會。

<div class="parent" id="1"> 
    <div id="2"> 
    <div id="3"></div> 
    </div> 
</div>

來源

2011-03-14 20:34:05 agradl

如何更改命名div內的嵌套div顯示爲顯示內聯使用CSS或jQuery選擇器？

回答

相關問題