标签: dom-traversal

我想删除使用jquery直接跟在div后面的p标记.这是我的HTML:

<div class="fbcommentbox"></div>
<p>Powered by <a href="http://pleer.co.uk/wordpress/plugins/facebook-comments/">Facebook Comments</a></p>

因此,在这种情况下,<p>标记内的所有内容都将设置为display:none.

这似乎在jquery中做起来非常简单,但我似乎无法将手指放在它上面.任何帮助都会很棒.谢谢!

以下代码:

var borderTds = document.getElementsByClassName('leftborder');

在Internet Explorer 6,7和8中给出了一条错误消息:

对象不支持此方法

如何在这些浏览器中按类别选择元素？

我不想使用JQuery.

<ul id="attached_deals_tab" class="nav nav-tabs">
  <li class="active">
    <a data-toggle="tab" href="#Test1">Test1</a>
  </li>
  <li class="">
    <a data-toggle="tab" href="#Test2">Test2</a>
  </li>
</ul>

有了这样的jquery,我可以说给我所有列表项:

$('#attached_deals_tab li');

但是我该怎么说才能告诉我li这个class="active"呢？请一行.

我知道如何否定它:

$('#attached_deals_tab li:not(.active)');

但不是相反......

这些有什么区别？一个比另一个更有效吗？我有点困惑他们为什么都存在.说我有这个标记:

<table>
    <tr>
        <td>...</td>
        <td><span class='toggle'>Toggle</span></td>
    </tr>
    <tr>
        <td>...</td>
        <td><span class='toggle'>Toggle</span></td>
    </tr>
    <tr>
        <td>..</td>
        <td><span class='toggle'>Toggle</span></td>
    </tr>
</table>

从<span>标签我可以使用 两种 $(this).closest('tr');或$(this).parents('tr');访问父/最接近的<tr>标签.

我试图找到<td>值为5的位置.这是一个日历,所以只有一个5值.

<div id="widgetAreaFooter">
<div class="row">1</div>
<div class="row">2</div>
<div class="row">3</div>
<div class="row">4</div>
<div class="row">5</div>
<div class="row">6</div>
<div class="row">7</div>
</div>

如何删除最后3个div？

我试过这个,但它不起作用:/

var row = $( '#widgetAreaFooter>.row' );
var nbr = row.length ;

for ( var i=4;i<nbr;i++ ) row.get(i).remove();
or
for ( var i=4;i<nbr;i++ ) row[i].remove();

这更像是一个好奇心的问题.执行以下操作时:

$('.selector1, .selector2').doSomething()

jQuery是否完全遍历DOM两次以获得与每个选择器匹配的每组对象,或者它是否在DOM的一次遍历中找到所有元素？

请看一下这个HTML代码示例:

<div>
    <div></div>
    <div><!-- my target node -->
        <div><!-- not my target node -->
            <img /><!-- my source node -->
        </div>
    </div>
</div>

正如您所看到的,img标签有两个封闭的div.我希望这两个封闭的div中的第一个被认为是img标签的"真正的"父级(我需要找到的),因为它之前有一个兄弟div,所以搜索结束,兄弟div和外部封闭的div是忽略.
我只是想知道如何获取元素之父,就像我用javascript代码解释的那样.
注意:在没有兄弟姐妹的情况下,必须产生外部div; 在元素未被封闭的情况下,元素本身必须被生成.

假设随机HTML文档中包含以下脚本标记:

<script id="target" type="store">
    //random JavaScript code
    function foo(){
       alert("foo");
    }
    foo();
</script>

有谁能够解释为什么下面的表达式没有找到的所有元素script与价值store为他们的type属性.

var sel = $('#target script[type="store"]');

jQuery版本:v1.7.2 Chrome版本:25.0.1364.172(在Debian Squeeze上运行)

在Chrome DevTools中,在Sources选项卡中调试JavaScript(在JS代码中添加"debugger;"行,然后使用F10/F11逐步执行代码),如何在单步执行代码时查看DOM？

如果我的JS正在操作DOM,那么我需要逐步浏览JS调试器并观察我的JS如何修改DOM元素是很常见的.例如,我可能必须查看元素是如何移动的,它们是否应该被删除,它们是否在正确的时间获得正确的类等.

必须在Sources选项卡之间来回切换以执行单行,然后在Elements选项卡中查看如何为我执行的每一行修改DOM,这会影响我的调试并使我无法告诉每一行是怎么回事影响DOM.

如何同时单步执行代码时查看元素？