Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改`<;Div>;`及其父项`<;Td>`_Javascript_Jquery_Css - Fatal编程技术网

Javascript 如何更改`<;Div>;`及其父项`<;Td>`

Javascript 如何更改`<;Div>;`及其父项`<;Td>`,javascript,jquery,css,Javascript,Jquery,Css,我在第三部分的申请中有以下标记。现在,对于这个第三部分应用程序,我可以针对生成的标记编写自定义JavaScript和自定义css <td style="height:75px"> <div style="height: 75px; opacity: 0.99;" id="MSOPictureLibrarySlideshowWebPart_ctl00_ctl40_g_79ca5882_ef72_482a_9f70_94b4a8c6804e_text">

我在第三部分的申请中有以下标记。现在,对于这个第三部分应用程序,我可以针对生成的标记编写自定义JavaScript和自定义css

<td style="height:75px">
        <div style="height: 75px; opacity: 0.99;" id="MSOPictureLibrarySlideshowWebPart_ctl00_ctl40_g_79ca5882_ef72_482a_9f70_94b4a8c6804e_text">
        <span id="MSOPictureLibrarySlideshowWebPart_ctl00_ctl40_g_79ca5882_ef72_482a_9f70_94b4a8c6804e_title" class="ms-slideshow-title"></span><br>
        </div>
</td>


那么,我如何才能将
及其父级
的height属性从
style=“height:75px”
修改为
style=“height:0px”

使用
您可以找到每个
,并使用获取其中的
元素

$('td').each(function(){
  $(this).css('height', '0px');
  $(this).find('div').css('height', '0px');
});
使用
您可以找到每个
,并使用获取其中的
元素

$('td').each(function(){
  $(this).css('height', '0px');
  $(this).find('div').css('height', '0px');
});

这将选择所有
元素,以及直接位于
内部的所有
元素,并使其高度
0px

$("td, td > div").height(0);
首先试试这个,但是,我怀疑这会选择比你想要的更多的东西,这取决于这个页面上的其他内容

如果所有div元素的ID都以
MSOPictureLibrarySlideshowWebPart
开头,那么您可以从这里开始,选择所有这些元素,然后查找父元素。检查如何进行部分属性匹配

$("div[id^='MSOPictureLibrarySlideshowWebPart']").each(function() {
  $(this).height(0).parent().height(0);
});

这将选择所有
元素,以及直接位于
内部的所有
元素,并使其高度
0px

$("td, td > div").height(0);
首先试试这个,但是,我怀疑这会选择比你想要的更多的东西,这取决于这个页面上的其他内容

如果所有div元素的ID都以
MSOPictureLibrarySlideshowWebPart
开头,那么您可以从这里开始,选择所有这些元素,然后查找父元素。检查如何进行部分属性匹配

$("div[id^='MSOPictureLibrarySlideshowWebPart']").each(function() {
  $(this).height(0).parent().height(0);
});

可以对元素使用set
max height:0
,使用父类将高度设置为0

堆栈片段

td,
div{
背景:红色;
最大高度:0;
}



您可以对元素使用set
max height:0
来使用父类设置高度0

堆栈片段

td,
div{
背景:红色;
最大高度:0;
}



高度:0px!重要的在css中?或仅
最大高度:0,因为它用
高度:0px覆盖
高度
!重要的在css中?或仅
最大高度:0,因为它覆盖了
高度
@M Jr,但您的脚本将影响所有div和td。。虽然我只想更改标记中显示的内容,主要基于Div idI know,但当我准备更新此选项时,Chris Barr发布了他的答案:P@M但是你的脚本会影响所有的div和td。。虽然我只想更改标记中显示的内容,主要基于Div idI know,但当我准备更新此选项时,Chris Barr发布了他的答案:P
$(“div[id^='MSOPictureLibrarySlideshowWebPart'])完成了任务。需要在更广泛的浏览器中测试它,我会让你知道的,很高兴听到!如果这样做有效,那么您可以删除
.each()
,因为它将比仅使用
$(“div[id^='MSOPictureLibrarySlideshowWebPart'])稍微慢一些
$(“div[id^='MSOPictureLibrarySlideshowWebPart'])完成了任务。需要在更广泛的浏览器中测试它,我会让你知道的,很高兴听到!如果这样做有效,那么您可以删除
.each()
,因为它将比仅使用
$(“div[id^='MSOPictureLibrarySlideshowWebPart'])稍微慢一些