Categoría: JQuery

Aquí está el código:

<div class="content">
    <a href="#">A</a></div>
<div class="content">
    <a href="#">B</a></div>
<div class="content">
    <a href="#">C</a></div>

Cuando se hace clic en uno de estos enlaces, quiero realizar la función .hide () en los enlaces en los que no se hace clic. Entiendo que jQuery tiene el selector: not, pero no puedo entender cómo usarlo en este caso porque es necesario que seleccione los enlaces usando $ («. Content a»).

Hay dos formas de hacer esto:

$(".content a").click(function() {
    $(".content a").not(this).hide("slow");
});

Aquí está el código:

<div id=content>
<tr>First</tr>
<tr>First Second</tr>
</div>

Quiero saber cuantos

elemento que contiene la cadena «Primera» pero no contiene la cadena «Segunda».

$("#content tr:contains('First'):not(:contains('Second'))").length;

Estaba haciendo un programa simple de JQuery. Necesito agregar nuevas filas y hay un botón de eliminar en cada una de ellas. El enlace «eliminar» es para eliminar usando Ajax. No hay ningún problema para mí para agregar una fila usando la función JQuery Ajax. Pero el enlace «eliminar» en las filas recién agregadas no funciona.

Creo que el problema es que Javascript se carga antes y no se vuelve a cargar, por lo que Javascript ignora los elementos recién agregados. Lo que hago es volver a cargar el javascript.

Aquí está el código para eso.

add_note = function(){
		//alert("submit");
		memo = $("#memo").val();
		//alert(memo);
		$.post('back.php',
		{
			todo: "add_note",
			memo: memo,
		},function(data){
			$('#memo_list').append(data);
 
			        //Be careful here, reload the javascript code
				//reload this function to delete 
				$('.delete_link').click(function(){
					var item_id = $(this).attr("id");
					$("#note_"+item_id).fadeOut(500);
					$.post('back.php',
					{
						todo: "delete_note",
						memo_id: item_id
					},function(data){
						//after delte do nothing
					});
 
				});					
				});
			}

¿Tienes otras ideas?

¡Bienvenido a comentar y gracias de antemano!

Este ejemplo muestra cómo cargar una página html estática en una etiqueta div usando JQuery Ajax.

Si desea cargar una página html estática, puede usar la función JQuery Ajax. Para separar esto del proyecto principal que tiene una buena estructura MVC, uso la función Ajax de JQuery para cargar esas páginas estáticas.

En primer lugar, aquí hay un menú de la página index.html.

<ul>
	<li><a id="page1" href="#">About</a></li>
	<li><a id="page2" href="#">Community</a></li>
	<li><a id="page3" href="#">Sponsor</a></li>
</ul>
<div id="result" style="clear:both;">
</div>

En la parte principal, necesitamos incluir la biblioteca JQuery.

<script src="http://code.jquery.com/jquery-1.4.min.js" type="text/javascript"></script>

Agregue el siguiente código a la parte principal.

	<script type="text/javascript">
		$(document).ready(function(){
		   $("#page1").click(function(){
		   	$('#result').load('pages/page1.html');
		     //alert("Thanks for visiting!");
		   }); 
 
		   $("#page2").click(function(){
		   	$('#result').load('pages/page2.html');
		     //alert("Thanks for visiting!");
		   });
		 });
	</script>

¡Eso es!

Por supuesto, tiene un directorio / páginas / que contiene varias páginas html estáticas para cargar.