¿Cómo agregar una etiqueta de clase a cuerpo?

Quiero agregar una clase a una etiqueta de cuerpo con jQuery.¿Cómo agregar una etiqueta de clase a cuerpo?

Por ejemplo, si la URL es http://www.mywebsite.com/about_us.asp, quiero añadir las cinco primeras letras, en este caso 'sobre', con el cuerpo de la etiqueta:

<body class="about">

¿Cómo puedo hacer eso?

Fuente

2009-08-16 shin

Esto debe hacerlo:

var newClass = window.location.href; 
newClass = newClass.substring(newClass.lastIndexOf('/')+1, 5); 
$('body').addClass(newClass);

El conjunto "cinco caracteres" la cosa es un poco preocupante; ese tipo de corte arbitrario suele ser una bandera roja. Me gustaría recomendar la captura de todo hasta que una _ o:.

newClass = newClass.match(/\/[^\/]+(_|\.)[^\/]+$/);

Ese patrón debe producir lo siguiente:

../about_us.html: sobre
../something.html: algo
. ./has_two_underscores.html: tiene

Fuente

2009-08-16 05:34:51

más efectivo que $ ('cuerpo') es $ (document.body), evita el proceso de selección. Ver http://jsperf.com/jquery-body-vs-document-body-selector (nota: 'higher is better' en las estadísticas dadas) –

$ (document.body) también funciona con jQuery 1.9.0 (mientras que $ ("cuerpo") no funciona (probado en Chrome)). –

Oh gracias, estaba intentando hacer eso y no funcionaba pero me salvaste :) – Jerome

-3

Algo como esto podría funcionar:

$("body").attr("class", "about");

Se utiliza de attr() jQuery para añadir la clase 'sobre' al cuerpo.

Fuente

2009-08-16 05:33:21

Esto funciona bien para agregar una clase al cuerpo. Simplemente no respondió la pregunta. – iCode

-1

Bueno, vas a querer document.location. Hacer algún tipo de manipulación de cadenas en él (a menos que jQuery tiene una manera de evitar que el trabajo para usted) y luego

$(body).addClass(foo);

Sé que esto no es la respuesta completa, pero supongo que se puede trabajar a cabo el resto:)

Fuente

2009-08-16 05:34:03

uso:

$(document.body).addClass('about');

Fuente

2009-08-16 05:34:16 camomileCase

Puede extraer la parte de la URL usando un simple regular expression:

var url = location.href; 
var className = url.match(/\w+\/(\w+)_/)[1]; 
$('body').addClass(className);

Fuente

2009-08-16 05:35:36 CMS

-4

que tenía el mismo problema,

<body id="body">

Añadir una etiqueta de identificación con el cuerpo:

$('#body').attr('class',json.class); // My class comes from Ajax/JSON, but change it to whatever you require.

A continuación, cambie el clase para que el cuerpo use la identificación. Esto se ha probado en Chrome, Internet Explorer y Safari.

Fuente

2014-02-27 23:40:09

¿Cómo agregar una etiqueta de clase a cuerpo?

Respuesta

Cuestiones relacionadas