Question

我该怎么做？

 <div class="row appendhere></div>
    <div class="row appendhere></div> // append to this row
<div class="row></div>
    <button></button>
<div class="row appendhere></div>

当我单击按钮时，我需要在类的前面附加到上一行。我该如何使用jQuery？

Answer 1

您应该在按钮的 click 事件上添加 eventListenener ，在eventListenener处理程序函数中，使用目标对象到达上一个div并添加类。

<div class="row appendhere></div>
<div class="row appendhere></div> // append to this row
<div class="row></div>
<button id="btn">add class</button>
<div class="row appendhere></div>

$('#btn').on('click', (e) => $(e.target).prev().addClass('appendhere'))

Answer 2

我向div添加了一个ID，该ID需要附加。

   <div class="row appendhere"></div>
            <div class="row appendhere"></div> // append to this row
        <div class="row row-3" id="rowID"></div>
            <button id="btn"></button>
        <div class="row appendhere></div>

以下代码将具有“ row-3”类的类“ appendhere”添加到div。

$（'。row row-3'）基本上转换为，在任何具有“ row”类的元素下查找所有具有“ row-3”类的元素

$('#btn').on('click', function() {
     $('.row row-3').addClass('appendhere');
)};

下面我在做同样的事情，唯一的区别是我使用ID来定位div。这是因为jquery可以更快地找到该元素。

$('#btn').on('click', function() {
     $('#rowID').addClass('appendhere')
});

Answer 3

为您的按钮添加一个ID，单击添加事件，找到带有类行的上一个div，并附加在此处。检查下面的代码。

<div class="row appendhere></div>
<div class="row appendhere></div> // append to this row
<div class="row></div>
<button id="btn">add class</button>
<div class="row appendhere></div>

jQuery代码：

// Jquery event click on btn and find prev element
$('#btn').on('click',(ev)=>{
    $(ev.target).prev('.row.appendhere').append('Some text to append');
});

如何在特定类别的基础上附加上一个div？

3 个答案: