Uso de :contains()

Especificaciones en el div.result.

  1. Un titular h1
  2. Cuatro párrafos con contenido Lorem ipsum inmediatos al div con clase 'result'.
  3. Estilos CSS:
    1. Se crea la clase de estilo 'literario' que principalmente pone el texto en justificado y en itálica y un color de fondo #ADD8E6.
    2. Los div inmediatos al div con clase 'result' se les escapan los elementos flotados y se aplica un relleno.
    3. A los links que cumplen con div.result div se ponen flotados a la derecha con una separarión entre elementos.
  4. Funciones en jQuery con sus mecanismos de acción:
    1. Al hacer clic sobre "Buscar Text en PS" que hace uso de addClass() para aplicar la clase de CSS 'literario' a los párrafos descendientes al div con clase 'result' que contengan el texto "Lorem ipsum".
    2. Al hacer clic sobre "Agregar Text a link" que hace uso de append() se agrega un texto al final de los links con clase 'link_leer_mas'.
//Código en javascript
< script type="text/javascript">
  function buscar_txt_ps(){
    $(".result p:contains('Lorem ipsum')").addClass('literario');	
  }
  function text_link(){
    $(".result > div a:contains('Leer más')").append(" >");	
  }
< /script>

Animaciones y búsquedas

Lorem ipsum ad his scripta blandit partiendo

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos.

Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te.

Leer más

Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim.

Mea te unum viderer dolores, nostrum detracto nec in, vis no partem definiebas constituam. Dicant utinam philosophia has cu, hendrerit prodesset at nam, eos an bonorum dissentiet.

Leer más