在本文中，我们将详细介绍Jquery：将类添加到奇数List-Elements中的各个方面，并为您提供关于jquery添加类的相关解答，同时，我们也将为您带来关于javascript–jQuery：$

在本文中，我们将详细介绍Jquery：将类添加到奇数List-Elements中的各个方面，并为您提供关于jquery 添加类的相关解答，同时，我们也将为您带来关于javascript – jQuery：$(element).text()不起作用、javascript – JQuery：如果表头有一个类,则将类添加到表单元格、javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)、javascript – window.getSelection使用jquery将类添加到选择中的有用知识。

• Jquery：将类添加到奇数List-Elements中（jquery 添加类）
• javascript – jQuery：$(element).text()不起作用
• javascript – JQuery：如果表头有一个类,则将类添加到表单元格
• javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)
• javascript – window.getSelection使用jquery将类添加到选择中

Jquery：将类添加到奇数List-Elements中（jquery 添加类）

                  
总结
                  
以上是小编为你收集整理的Jquery：将类添加到奇数List-Elements中全部内容。
                  
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

javascript – jQuery：$(element).text()不起作用

我正在动态生成内容 – div包含其中的链接.链接应该在单击时显示包含链接文本的弹出窗口(showMyText函数).相反,我得到一个空字符串:(

为什么这不起作用？我搜索过Stackoverflow和jQuery API,它应该可以工作.

function a(){
    var div=document.createElement("div");
    div.innerHTML='<ahref="javascript:showMyText(this)">Link Text</a>';

    var parent_div=document.getElementById('dinamicni_div');
    parent_div.appendChild(div);    
}

function showMyText(link){
    var txt=$(link).text();
    alert(txt);
}

解决方法:

如果您正在使用jQuery来获取text(),为什么不将它用于其他所有内容呢？

function a() {
    var $div = $("<div></div>");
    var $a = $("<a></a>")
        .attr("href", "#")
        .addClass("aClass")
        .text("Link text")
        .appendTo($div);

    $div.appendTo("#dinamicni_div");
}

$("#dinamicni_div").on('click', '.aClass', function() {
    alert($(this).text());
});

Example fiddle

javascript – JQuery：如果表头有一个类,则将类添加到表单元格

假设我有以下html：

<table>
    <thead>
        <tr>
            <th>Header1</th>
            <th>Header2</th>
            <th>Header3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row1</td> //Add<td>Row1</td>
            <td>Row1</td> //Add</tr>
        <tr>
            <td>Row2</td> //Add<td>Row2</td>
            <td>Row2</td> //Add</tr>
        <tr>
            <td>Row3</td> //Add<td>Row3</td>
            <td>Row3</td> //Add</tr>
    </tbody>
</table>

如果THEAD中的TR包含类“alignRight”或“alignLeft”,我想将相同的类应用于TBODY中的相应TD.

我正在使用JQuery并尝试了以下方法,但它们似乎都没有正常工作：

$('tr').has('th.alignRight').addClass('th.alignRight');
$('tr').has('th.alignLeft').addClass('th.alignLeft');

$('thead.tr').has('th.alignRight').addClass('tbody.th.alignRight');
$('thead.tr').has('th.alignLeft').addClass('tbody.th.alignLeft');

if ($('thead.tr').has('th.alignRight')){
    $('tbody.tr').addClass('th.alignRight');
}

if ($('thead.tr').has('th.alignRight')){
    $('tbody.tr.td').addClass('alignRight');
}

关于什么可能出错的任何想法？

更新：

我想补充一点,我已经使用.each()循环遍历表.我只需要添加条件,如果当前表头具有该类,则将该相同的类添加到表格单元格中.在当前迭代期间添加额外的迭代听起来会导致性能问题.真的吗？

环：

function(res) {
    var tbl_body = "";
    $.each(res, function () {
        var tbl_row = "";
        $.each(this, function (k, v) {

          //Irrelevant code

            tbl_row += "<td>" + v + "</td>";
        })
        tbl_body += "<tr>" + tbl_row + "</tr>";
    })
    $("#print").html(tbl_body);
    },
    //Other irrelevant code

解决方法:

我认为你没有看到jquery选择器是如何工作的.
$(‘thead.tr’)表示：找到我所有拥有tr类的thead.显然不是你想做的.

这里应该有一个代码：

$('tbody tr td').each(function(index){
    //index contains the current td index in the parent tr (1,2,3),(1,2,3)...
    //if the corresponding th has a class
    if($('thead tr th').eq(index).attr('class') != ''){
        //put this class on the current td
        $(this).addClass($('thead tr th').eq(index).attr('class'));
    }
});

检查td是否有类是没有必要的,因为如果给它一个空参数,addClass什么也不做.

javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)

在Meteor文档中,它表示将在DOM之后调用Meteor.startup,并且所有模板都已处理完毕.但是,我在Meteor.startup中的代码就好像DOM元素不存在一样.

在.js：

Meteor.startup(function () {
  console.log($('.draggable').length);
});

在.html中：

<template name="item">
  <div>
  </div>
</template>

在控制台中我看到：

0

但在页面上我可以看到我的物品.事实上,如果我将我的JQuery包含在Template.item.rendered或mouSEOver事件中,我将获得正确的数组长度.那么为什么启动功能没有准备好使用我的DOM元素呢？

解决方法:

我猜你的代码看起来像这样,但如果我错了就告诉我：

<template name="list">
  {{#each items}}
    {{> item}}
  {{/each}}
</template>

{{#each …}}帮助程序与游标对象一起使用以响应游标上的数据更改.因此,在您的情况下,如果该数据来自服务器(例如订阅),则在Meteor.startup时,数据可能尚未加载.所以最初你的清单是空的.然后,随着数据的出现,将为每个数据项呈现新的项目模板.如果要使特定项可拖动,可以将该jQuery代码放在Template.item.rendered回调中.

这有帮助吗？

javascript – window.getSelection使用jquery将类添加到选择中

function addClassName() {
     var sel = window.getSelection();
     //what goes here???
}


<input type='button' onclick='addClassName();' value='addClassName'/>

function addClasstoSelection(){
    var sel = window.getSelection ? window.getSelection() : document.selection.createrange(); // FF : IE
    if(sel.getRangeAt){ // thats for FF
    var range = sel.getRangeAt(0);
    var newNode = document.createElement("span");
    newNode.setAttribute('class','someclass');
    range.surroundContents(newNode);
    } else { //and thats for IE7
    sel.pasteHTML('<span>'+sel.htmlText+'</span>');

    }
    }

今天关于Jquery：将类添加到奇数List-Elements中和jquery 添加类的讲解已经结束，谢谢您的阅读，如果想了解更多关于javascript – jQuery：$(element).text()不起作用、javascript – JQuery：如果表头有一个类,则将类添加到表单元格、javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)、javascript – window.getSelection使用jquery将类添加到选择中的相关知识，请在本站搜索。