Question

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

\snippetdoc <file-name> ( block_id )

那么我如何修改<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>及其父<div>的{{1}}到<td>的高度属性？

Answer 1

这将选择所有<td>元素以及直接位于<div>内的所有<td>元素并使其高度为0px

$("td, td > div").height(0);

首先尝试一下，但是，我怀疑这会选择比你想要的更多的东西，这取决于这个页面上的其他内容。

如果所有div元素都有一个以MSOPictureLibrarySlideshowWebPart开头的ID，那么你可以从那里开始选择所有这些，然后找到父元素。检查the jquery docs以了解如何进行部分属性匹配。

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

Answer 2

使用.css()！
您可以找到每个<td>，并使用.find()获取其中的<div>元素。

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

Answer 3

您可以使用set allow-forms allow-navigation对元素设置使用父类

设置高度0

Stack Snippet

＆＃13;

max-height:0

＆＃13;

td,
div {
  background: red;
  max-height: 0;
}

＆＃13;

如何更改`<div>`及其父``的高度

3 个答案: