一个很奇怪的问题,关于$(document).ready()执行问题, - ITeye问答

问答首页 → Web前端技术

0 0

一个很奇怪的问题,关于$(document).ready()执行问题,3

jsp代码:

 <%
			for(int i=0;i<shiftCategories.size();i++){
				ShiftCategory sc = shiftCategories.get(i);
				
		%>
			<tr>
				<td id="num"><%=i+1%></td>
				<td><%=sc.getShiftName()%></td>
				<td><%=sc.getWorkingTime() %></td>
				<td><%=sc.getShiftdescr()%></td>
			</tr>
		<%
			}
		%>

js代码:

 $(document).ready(function(){
	$("td").not($("#num")[0]).click(function(){
		alert("ok");
	});
});

问题描述:让所有tr的第一个td，不能响应click事件,我写的代码，只有第一个tr的td不能响应click事件,其他的tr所有td都能响应,郁闷啊，怎么实现啊！$(" tr > td ").slice(1,4).click(function(){
alert("ok");
});
这样写和现在的效果一样，怎么回事啊
没有分了，以后一定补，请好心人帮帮忙啊

2008年11月09日 15:50

darrendu
3
0 0 3

5个答案按时间排序按投票排序

0 0

to:jones：

$("tr + td")

这样是不对的，这样拿到的td是tr结束后的，不是tr内的！

2008年11月09日 18:45

davis129
28
0 0 0

添加评论

0 0

ready函数这样写：

$(document).ready(function(){        
    $("tr td:first-child").nextAll().click(function(){  
        alert("ok");  
    }); 	
      
});

2008年11月09日 16:46

上一站，火星
1034
0 0 0

添加评论

0 0

顺便说句，你的问题主要是页面中在程序迭代过程中会产生很多id为num的td，所以不能使用id选择器，因为按照w3c标准,每个document中的id都应该是唯一的

2008年11月09日 16:15

jones
1626
0 0 0

添加评论

0 0

使用next选择器选择所有tr下的第一个td，例如：

$("tr + td")

,这样就把所有紧挨着tr的第一个td选中了，后面的处理就不用我说了吧

2008年11月09日 16:12

jones
1626
0 0 0

添加评论

0 0

这个可以用
:first-child：
第一子元素和
siblings：
取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。
配合完成

$("tr td:first-child").siblings()

2008年11月09日 16:10

achun
389
0 0 4

添加评论

相关推荐

$(document).ready(function() {})不执行初始化脚本: 在网页开发中，JavaScript 的 `$(document).ready()` 函数是一个非常重要的工具，它确保了在DOM（文档对象模型）完全加载并准备就绪后，才会执行包裹在其内的代码块。这有助于避免由于元素未加载而导致的错误，尤其...

jQuery(document).ready(function($) { });的几种表示方法: `jQuery(document).ready()`函数是jQuery中的一个重要概念，它确保了在执行任何JavaScript代码之前，DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...

JQuery 引发两次$(document.ready)事件: 在JavaScript和jQuery编程中，`$(document).ready`是一个常用的方法，用于确保DOM（文档对象模型）加载完毕后执行特定的函数。然而，有时我们可能会遇到`$(document).ready`被触发两次的情况，这通常会导致代码执行...

多个$(document).ready()的执行顺序实例分析: 本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下： <html> <head> ...

jquery中的$(document).ready()使用小结: [removed] = function(){ ... 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。 Javasc

浅析document.ready和[removed]的区别讲解: `window.onload`的缺点在于，由于它等待所有资源加载，因此执行时间可能会比`document.ready`晚很多。两者之间的主要区别在于触发时机： 1. **触发时间**：`document.ready`在DOM准备就绪时触发，而`window....

jQuery之$(document).ready()使用介绍: 在HTML文档中，使用$(document).ready()是管理页面元素与行为的强有力工具，它提供了一个简单、高效的方式来处理页面加载完成时的事件绑定和代码执行。通过合理使用这一方法，可以提升页面的响应速度和用户体验。

jquery的$(document).ready()和onload的加载顺序: `$(document).ready()`是jQuery提供的一个函数，它的主要作用是在DOM（文档对象模型）结构加载完成后执行指定的函数。这意味着，当HTML元素已经构建完毕，可以被JavaScript操作时，`$(document).ready()`就会执行。...

Jquery中"$(document).ready(function(){ })"函数的使用详解: $(document).ready()函数接受一个函数作为参数，在DOM加载完成后立即执行这个函数。 $(document).ready()函数和body标签的onload事件有着相似的功能，即它们都用于在页面加载完成后执行代码。然而，$(document)....

Jquery中$(document).ready(function(){ })函数的使用详解: jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧，就是它了)的操作. 比如jquery写法：$(“div p”); // (1)$(“div.container”); // ...

jquery操作菜单: $(document).ready(function(){ $(".menu ul li ul").hide(); $(".menu>ul>li>a").on('click',function(){ $(".menu>ul>li>a").css('background-image',"url('../image/collapsed.gif')"); $(".menu ul li ul...

JQuery下关于$.Ready()的分析: $(document).Ready()方法 VS OnLoad事件 VS $(window).... 在Onload事件中只能这样加载，很丑陋…而在JQuery中你可以利用多个JQuery.Ready()方法，它们会按次序依次执行 2.代码和内容不分离这个貌似不用说了，让人深

ionic中的$ionicPlatform.ready事件中的通用设置: 在 Ionic 框架中，`$ionicPlatform.ready` 事件是一个至关重要的概念，它用于确保应用程序在加载时等待到设备的所有原生功能都准备就绪。这个事件类似于基于 `document` 的 `deviceready` 事件，但它是专门为 Ionic ...

用javascript实现jquery的document.ready功能的实现代码: `document.ready`的作用就是确保在文档结构完全加载完毕后执行指定的回调函数，而不是等待所有资源文件加载完毕。 ### 二、实现原理分析 1. **检测文档加载状态**：在原生JavaScript中，可以通过监听`...

比Jquery的document.ready更快的方法: 从给定的文件内容中，我们可以提炼出一些知识点，包括Jquery的$(document).ready()的替代方法、浏览器的DOMContentLoaded事件、以及兼容性处理。首先，文件中提到的更快的方法实际上是指一种JavaScript的编码实践...

$(document): `$(document).ready(function(){ })` 是jQuery库中的一个非常重要的方法，它的主要作用是在文档（DOM）加载完成后执行指定的函数。这里的 `$(document)` 指的是整个HTML文档对象模型（Document Object Model），而 `...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics