javascript – 查找两个元素的第一个共享父项（indexof查找第二个）

25-02-07 16

以上就是给各位分享javascript–查找两个元素的第一个共享父项，其中也会对indexof查找第二个进行解释，同时本文还将给你拓展javascript–jQuery将一个元素转换为另一个元素、ja

以上就是给各位分享javascript – 查找两个元素的第一个共享父项，其中也会对indexof查找第二个进行解释，同时本文还将给你拓展javascript – jQuery将一个元素转换为另一个元素、javascript – jQuery：测试if元素是MATCHED元素的第一个、javascript – JSON数组 – 删除第一个元素、javascript – Zclip Open只打开下一个元素的类/副本等相关知识，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

javascript – 查找两个元素的第一个共享父项（indexof查找第二个）
javascript – jQuery将一个元素转换为另一个元素
javascript – jQuery：测试if元素是MATCHED元素的第一个
javascript – JSON数组 – 删除第一个元素
javascript – Zclip Open只打开下一个元素的类/副本

javascript – 查找两个元素的第一个共享父项（indexof查找第二个）

让我说我有这个DOM结构

<body>
    <p>
        Hello
        <i>how <b>are</b> you</i>
        and
        <i>what <b>are <tt>you</tt> going</b> to</i>
        eat tonight?
    </p>
</body>

使用jQuery我想知道第一个共享父项

<b>are</b>

和

<tt>you</tt>

从下到上,这将是< p>不是<身体>标签.

关于如何使用jQuery确定第一个共享父项的任何想法？

解决方法

喜欢这个：

$(a).parents().filter(function() { return jQuery.contains(this,b); }).first();

如果b是选择器(与DOM元素相反),则可以将其更改为：

$(a).closest(':has(b)');

这是较短的,但要慢得多.

a和b的顺序是无关紧要的;如果b更接近父母,它会更快.

javascript – jQuery将一个元素转换为另一个元素

我有一个div元素如下;

<divdata-model-attr="myAttr" data-model-id="302">VALUE</div>

我想把它转换成

<inputhttps://www.jb51.cc/tag/Box/" target="_blank">Box" data-model-attr="myAttr" data-model-id="302" value="VALUE" />

是否有通用的方法来做同样的事情？

假设我在一个回调和& $(this)表示div元素..

解决方法

尝试

$('.editableTxt').each(function () {
    var $input = $('<input/>').val($.trim(this.innerHTML));
    $.each(this.attributes,function (i,attr) {
        $input.attr(attr.name,attr.value);
    });
    $(this).replaceWith($input)
})

演示：Fiddle

javascript – jQuery：测试if元素是MATCHED元素的第一个

我有几个警报的div.用户解散它们并在最后一个(这是DOM中的第一个)之后我需要触发一些jquery魔法.

这是一些简化的HTML：

<body>
<div>Bla bla bla</div>
<div>A</div>
<div>B</div>
</body>

这是我正在尝试用jquery做的…

$(".alert").click( function() {

if ( $(this).is(".alert:first") ) { 
//do stuff
}

});

它不起作用.条件永远不会返回true.我能让它工作的唯一方法是使用.index(),但这很糟糕,因为如果标记的顺序发生变化,它将破坏脚本.

我究竟做错了什么？

编辑：该解决方案使用.index(),但在某种程度上我没有意识到是可能的.如果以这种方式使用,则相对于匹配的选择.谢谢！

解决方法:

你可以编码：

$(".alert").click(function() {
    if ($(".alert").index(this) == 0) {
       // 
    }
});

http://jsfiddle.net/g2gGa/

javascript – JSON数组 – 删除第一个元素

我不想带回或删除数组中的第一条记录并将其附加到我的页面.我从下面的JSON文件中获取数据：

$(data.content).each(function(index, content){
  $("#htmlID").append('<span>' + content.myinfo + ');
});
    {

    "content": 

    [ 
{"myinfo":"Bill Clinton 095 years old. "},
{"myinfo":"Bill Clinton 195 years old. "},
{"myinfo":"Bill Clinton 295 years old. "},
{"myinfo":"Bill Clinton 295 years old. "}

    ]
    }

当我将我的数据附加到页面时,一切都很完美,但我想跳过第一个元素(索引)…我基本上不想带回比尔克林顿095岁的特定输出.

我怎么做？ (grep？,删除,删除？).

什么是最简单的方法？

解决方法:

您可能不想修改数组或JSON,因此只需测试执行循环时您所在的元素：

$(data.content).each(function(index, content){
    if (index>0) { // skips first element
        $("#htmlID").append('<span>' + content.myinfo + '</span>');
    }
});

或者更好的是,只需使用一个老式的for循环并节省一些开销：

for (var i=1; i<data.content.length; i++) {
    $("#htmlID").append('<span>' + data.content[i].myinfo + '</span>');
}

javascript – Zclip Open只打开下一个元素的类/副本

我已经意识到我在JS / jQuery上几十年来没有使用过它.

我正在使用jQuery Zclip来复制列表中的文本.但我发现它首先只适用于每页一个元素.我找到了一个解决方案,为每个列表项使用不同的ID,但由于将有大量按钮,这将在未来创建许多不必要的工作.

我需要的是一个函数,它检查按钮元素之后的span元素并从中获取内容,而不是从特定的ID中获取内容.我如何通过jquery实现这一目标？

这是我的HTML / JS

<li><span>SERVER NAME</span>
    <br><buttonhttps://www.jb51.cc/tag/cop/" target="_blank">copy">copY</button>IP:<span>127.0.0.1</span>
</li>

jQuery的

$(document).ready(function () {
    $('button.copy').zclip({
        path: 'scripts/ZeroClipboard.swf',
        copy: $('span.description').text()
  });

我希望你理解我的问题.

解决方法:

你需要使用复制功能

$('button.copy').zclip({
    path: 'scripts/ZeroClipboard.swf',
    copy: function() {
        return $(this).next('.server-ip').text(); //this here refers to element which invoked zclip
    }
});

你可以通过source code

o.bind('zClip_copy',settings.copy);

关于javascript – 查找两个元素的第一个共享父项和indexof查找第二个的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于javascript – jQuery将一个元素转换为另一个元素、javascript – jQuery：测试if元素是MATCHED元素的第一个、javascript – JSON数组 – 删除第一个元素、javascript – Zclip Open只打开下一个元素的类/副本等相关知识的信息别忘了在本站进行查找喔。

本文标签：