Question

有没有办法在第三个true之后追加这个？{/ p>

first

Answer 1

每页只能有1个ID实例。相反，您可以使用$.eq()定位第3个实例，然后使用$.after()在其后插入HTML。

$('.pregunta_class').eq(2).after('<p>asdf</p>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pregunta" class="pregunta_class" style="color:red">Como se llama tu sitio</div>
<div id="respuesta" class="respuesta_class" style="color:#0000FF">Mi sitio se llama www.hola.com</div>

<div id="pregunta" class="pregunta_class" style="color:red">Como te llamas</div>
<div id="respuesta" class="respuesta_class" style="color:#0000FF">Mi nombre es Marcos</div>

<div id="pregunta" class="pregunta_class" style="color:red">¿Como se llama su empresa?</div>
<div id="respuesta" class="respuesta_class" style="color:#0000FF">Nuestro sitio es sobre equipo de computo... ¿Interesado?</div>

<div id="pregunta" class="pregunta_class" style="color:red">Como se llama tu perro?</div>
<div id="respuesta" class="respuesta_class" style="color:#0000FF">Mi Perrro se llama pirrurris</div>

Answer 2

$(selector).insertBefore($('div').eq(3));

$('<div class="test">TEST</div>').insertBefore($('div').eq(3));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pregunta" class="pregunta_class" style="color:red">Como se llama tu sitio</div> 
<div id="respuesta" class="respuesta_class" style="color:#0000FF">Mi sitio se llama www.hola.com</div> 

<div  class="pregunta_class" style="color:red">Como te llamas</div> 
<div class="respuesta_class" style="color:#0000FF">Mi nombre es Marcos</div> 

<div  class="pregunta_class" style="color:red">¿Como se llama su empresa?</div> 
<div  class="respuesta_class" style="color:#0000FF">Nuestro sitio es sobre equipo de computo... ¿Interesado?</div> 

<div  class="pregunta_class" style="color:red">Como se llama tu perro?</div> 
<div  class="respuesta_class" style="color:#0000FF">Mi Perrro se llama pirrurris</div>

Answer 3

注意!!


首先，你不应该像这样使用ids！   ID仅用于在单个元素上的DOM中使用一次，classes是您可以多次使用来为多个元素定义样式的那些元素。

其次，将您的样式与HTML分开。如果您无权在您的网站中创建文件，则可以使用下面的示例在<head>上实施它：

<head>
    <style>
        .pregunta_class {color:red;}
        /* ... etc ... */
    </style>
</head>

或创建.css文件，例如styles.css并从<head>调用，这是更实用和推荐的方式：

<link rel="stylesheet" type="text/css" href="styles.css"/>

如果您想要 append ，意味着将<p> 放在第3个元素的末尾，您可以这样做以下示例：

$('.pregunta_class:nth-child(3n)').append('<p>Agrega un elemento p</p>');

.pregunta_class {color:red;}
.respuesta_class {color:#0000FF;}
.pregunta_class p {color:green;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="pregunta_class">Como se llama tu sitio</div> 
<div class="respuesta_class">Mi sitio se llama www.hola.com</div> 

<div class="pregunta_class">Como te llamas</div> 
<div class="respuesta_class">Mi nombre es Marcos</div> 

<div class="pregunta_class">¿Como se llama su empresa?</div> 
<div class="respuesta_class">Nuestro sitio es sobre equipo de computo... ¿Interesado?</div> 

<div class="pregunta_class">Como se llama tu perro?</div> 
<div class="respuesta_class">Mi Perrro se llama pirrurris</div>

现在，如果你想把这个元素after放在第3个question之外，作为一个单独的元素，只需将.append()更改为.after()

$('.pregunta_class:nth-child(3n)').after('<p>Agrega un elemento p</p>');

Jquery，在第三个div之后追加？

3 个答案:

注意!!