小编And*_*ris的帖子

CSS div交替颜色

我试图在我的网站上斑马条纹我的divs,听起来很简单,但是我发现当我在div的行之间添加一个标题时,它似乎计算奇数/偶数样式中的标题

HTML

<div class="container">
    <h3>Title</h3>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <h3>Title</h3>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <h3>Title</h3>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <div class="row">Content</div>
    <div class="row">Content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.container {
    width:600px;
    margin:0 auto;
}

.row {
    line-height:24pt;
    border: solid 1px black;
}

.row:nth-child(odd) {
    background: #e0e0e0;
}

h3 {
    line-height:36pt;
    font-weight:bold;
    color:blue;
}
Run Code Online (Sandbox Code Playgroud)

小提琴

我本以为已经在小提琴中的代码基本上会忽略标题并继续进行条带化,但看起来它认为标题是一个小孩

html css zebra-striping

60
推荐指数
3
解决办法
7万
查看次数

在iframe父级中访问div

我有一个页面,其中包含一个iframe到另一个页面,我正在寻找的是点击iframe内的东西,然后可以访问或更具体地隐藏父级中的div.我知道一些JQuery,但出于某种原因,当我尝试自己写代码时,只是茫然地坐在代码编辑器中

html iframe jquery

14
推荐指数
1
解决办法
4万
查看次数

在iframe中更改输入值,父输入更改

我的网站中有一个包含iframe的页面,iframe内部有许多输入框.我想要做的是,当有人在iframe输入框中输入值时,该值将被写入父页面的输入框中.

我在这里找到了一些其他的答案,但我无法让它们满足我的需要,到目前为止,我有类似的东西

HTML - 代表父母

<form method="post" id="presentation-form" action=”action.php”>
  <input type="text" id="edit-title" name="title">
    <iframe id="upload_frame" src="upload.html" ></iframe>
  <input type="submit" id="edit-submit" name="op" value="Save">
</form>
Run Code Online (Sandbox Code Playgroud)

HTML - 适合儿童

<form name="formUpload" id="formUpload" etc..> 
  <input id=”mytitle” type="text" size="50" name="title" value=""> 
  <input type="submit" name="submit" value="Upload File">
</form>
Run Code Online (Sandbox Code Playgroud)

我想要的是当我在子窗体中更改'mytitle'的值时,它会在父窗体中找到'edit-title'

到目前为止,我的Jquery是

$('#upload_frame').contents().find("#formUpload").delegate('input', 'change', function(e){ 
  //code goes here
});
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,即使我试图提醒,或从该脚本中记录某些内容,也没有发生任何事情,我没有收到任何javascript错误但是当我做任何事情时都没有收到任何警报

(在任何人问之前,这个子页面是我同一域中的一个页面)

任何帮助将不胜感激

iframe jquery onchange

5
推荐指数
1
解决办法
2万
查看次数

Jquery计算2个元素之间的项目

我有这样的HTML树

<div class="container">
    <h1>title</h1>
    <div class="item">1</div>
    <div class="item">2</div>
    <h1>title</h1>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
    <div class="item">7</div>
    <h1>title</h1>
    <div class="item">8</div>
    <div class="item">9</div>
    <div class="item">10</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我有一个点击功能,每次选择div类项目中的图像时都会运行,无论如何我可以计算一个项目类别的div的数量是彼此相邻的.

也就是说,如果我在上面的示例中单击"1",它将返回2,因为在h1之前有2个div,如果我点击第7项,它将返回5等

那可能吗?

谢谢

html jquery

2
推荐指数
1
解决办法
1483
查看次数

标签 统计

html ×3

jquery ×3

iframe ×2

css ×1

onchange ×1

zebra-striping ×1