标签: siblings

具有兄弟子域的跨域JavaScript代码

我有两个Web应用程序设置:

david .example.com和john .example.com

大卫给约翰开了一个新窗口:

window.open('john.example.com');
Run Code Online (Sandbox Code Playgroud)

John现在想在David上设置一个输入元素:

$("#input", window.opener.document).val("Hello David.");
Run Code Online (Sandbox Code Playgroud)

我的问题是,由于跨域脚本安全性,这在大多数现代浏览器上都不起作用.我也试过document.domain在David和John上设置不同的域名组合但没有成功.

唯一一次这样做是因为John已经开启example.com并且两者都已经document.domain开始工作example.com.但是,这example.com是我们的主要网站,并不是一个解决方案.

那么,有什么方法可以让我在上述示例中使解决方案适用于所有现代安全意识的浏览器?

笔记

  • 我控制example.com及其所有子域.
  • David和John是单独的Web应用程序,不能托管在同一个子域中.

javascript subdomain cross-domain siblings

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

jquery:如何在兄弟姐妹之前添加一个项目?

如何在兄弟姐妹之前添加一个项目?

例如,

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
Run Code Online (Sandbox Code Playgroud)

所以我想在它们之前添加这个项目。

<div class="item">0</div>
Run Code Online (Sandbox Code Playgroud)

这当然不行!

$('<div class="item">0</div>').insertBefore(".item").siblings(); 
Run Code Online (Sandbox Code Playgroud)

这就是我需要的结果,

<div class="item">0</div>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
Run Code Online (Sandbox Code Playgroud)

jquery insert siblings

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

确保两个项目是JS/jQuery中的兄弟

给定以下HTML结构:

<div class="wrap">
    <div id="a"></div>
    <div id="b"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

以下是假的:

($('#a').parent() == $('#b').parent()); //=> false
Run Code Online (Sandbox Code Playgroud)

即使:

$('#a').parent().children('#b').length; //=> 1
Run Code Online (Sandbox Code Playgroud)

谁有人解释为什么?谢谢!

javascript jquery parent siblings

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

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

xsl - 最后一个兄弟姐妹

我坚持与先前兄弟相关的逻辑,

试图保持XML简单.

<order>
<orderList>
<itemid><id>100</id></itemid>
<itemid><id>100</id></itemid>
<itemid><id>111</id></itemid>
<itemid><id>111</id></itemid>
<itemid><id>123</id></itemid>
<itemid><id>324</id></itemid>
<itemid><id>244</id></itemid>
<itemid><id>244</id></itemid>
 </orderList>
</order>
Run Code Online (Sandbox Code Playgroud)

我试图使用下面的xsl找到每个节点的前一个兄弟.我需要使用每个循环来适应这个逻辑在更大的xsl ...

  <html>
  <body>
     <table border="1">
   <xsl:for-each select="order/orderList/itemid">
      <tr>
        <td>itemid</td>
        <td><xsl:value-of select="id" /> </td>
        <td> <xsl:value-of select="preceding-sibling::node()"/>   </td>
      </tr>
      </xsl:for-each>
    </table>    
  </body>
  </html>
</xsl:template>

I get these Results 

itemid 100  
itemid 100 100   
itemid 111 100 
itemid 111 100   - expecting 111
itemid 123 100   - expecting 111 etc
itemid 324 100 
itemid 244 100 
itemid 244 100 
Run Code Online (Sandbox Code Playgroud)

有什么帮助吗?

xml xslt siblings

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

获取 JavaScript 对象文本中 key 的同级值

有人知道有一种方法可以在 JavaScript 对象文本中引用同级键的值吗?

target所以在这里使用函数中的值beforeNext()

obj: {
        target: 'li.player a.icon-tag',
        parent: 'ul#drop_list',
        beforeNext: function(){
          target.addClass('bind active');
        }
      }
Run Code Online (Sandbox Code Playgroud)

javascript object-literal key-value siblings cross-reference

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

如何在下一次出现相同元素之前包装每个元素及其所有同级元素?

我有一些类似于以下内容的标记:

<h3>A Heading</h3>
<p>Here is a paragraph.</p>

<ul>
  <li>First</li>
  <li>Second</li>
</ul>

<blockquote>Here's some other block-level element</blockquote>

<h3>The Wrapping Should Stop Before This Heading, but a Second One Should Begin</h3>
<ol>
  <li>First</li>
  <li>Second</li>
</ol>

<p>Notice the varying block-level elements? It probably doesn't make any difference.</p>
Run Code Online (Sandbox Code Playgroud)

我想将所有h3内容(但不包括下一个)包装h3在一个div.

结果应该是:

<div>
  <h3>A Heading</h3>
  <p>Here is a paragraph.</p>

  <ul>
    <li>First</li>
    <li>Second</li>
  </ul>

  <blockquote>Here's some other block-level element</blockquote>
</div>

<div>
  <h3>The Wrapping Should Stop Before This Heading, but a Second …
Run Code Online (Sandbox Code Playgroud)

javascript jquery siblings selector wrapall

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

css中一般兄弟组合子(〜)和子选择器(>)之间的区别

我在过去几天一直在阅读有关CSS的内容,并在互联网上搜索了这个问题.

谁能解释一下(〜)和(>)之间的区别?

css css-selectors siblings

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

仅使用CSS使相邻的同级元素具有相同的宽度

预先感到抱歉,因为出于机密性原因,我无法显示正在处理的代码/图像,但是我认为我可以很简单地进行解释。

我有一个<h1>充当网页标题的元素-该标题的长度可以根据用户所在的特定页面的标题而变化,因此它可以说“首页”或“保存的项目”,等等。长度各不相同。

<h1>有一个兄弟元素,一<ul>,充当下拉导航到这些其他网页。

我的目标是使下拉列表的大小始终与相同<h1>。目前宽度是明确的,我尝试了“自动”,但自然不起作用,现在正在寻找其他解决方法,但我认为自己可以在此发布。

我使用的是LESS,因此我知道变量很大,这可能是将变量作为下拉宽度的值传递的问题,但是我不知道这些变量是否可以基于的长度是动态的<h1>。我是LESS的新手。

我浏览了其他一些帖子,提出了类似的问题,但是没有一个得到非常可靠的解决方案。Google也不太有用,大多数文章都谈到了亲子大小或相对宽度/高度。不比较兄弟姐妹的宽度。

感谢您的协助!

html css siblings width less

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

使用 jQuery 查找最近的兄弟姐妹

给定以下 DOM

<ul>
     <li data-id="1">
     <li data-id="2">
     <li data-id="3">
     <li data-id="1">
</ul>
Run Code Online (Sandbox Code Playgroud)

我们需要找到与 data-id="3"最接近的<li>-Elementdata-id="1"

我们尝试了:

$('[data-id=3]').siblings('[data-id=1]').first()
Run Code Online (Sandbox Code Playgroud)

当然,它返回DOM 中的第一个,而不是最接近的

我们还尝试过:

$('[data-id=3]').closest('[data-id=1]')
Run Code Online (Sandbox Code Playgroud)

这是行不通的,因为它只是返回祖先。

感谢您的任何提示。

jquery dom siblings closest

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