Question

我是jQuery的新手。我需要添加一个名为＆＃34; success＆＃34;单击按钮btnClassPSuccess时divClass中的每个段落。我的HTML代码是： -

 func fetchAllItems(){
        let request = NSFetchRequest<NSFetchRequestResult>(entityName: "AllItems")

        do{
            let result = try managedObjectContext.fetch(request)
            beastList = result as! [AllItems]
        } catch { print("\(error)")
        }
    }

我的jQuery代码是： -

<div id="divClass">
  <p>A</p>
  <p>B</p>
  <p>C</p>
  <p>D</p>
  <p>E</p>
  <p>F</p>
  <p>G</p>
</div>
<button id="btnClassPSuccess">Change Paragraphs to Success</button>

你能否纠正我如何做到这一点。

Answer 1

你会这样做：

$("#btnClassPSuccess").click(function () {
    $('#divClass p').addClass("success");
});

示例：

$("#btnClassPSuccess").click(function() {
  $('#divClass').addClass("success");
});

.success {
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divClass">
  <p>A</p>
  <p>B</p>
  <p>C</p>
  <p>D</p>
  <p>E</p>
  <p>F</p>
  <p>G</p>
</div>
<button id="btnClassPSuccess">Change Paragraphs to Success</button>

Answer 2

＆＃13;

$("#btnClassPSuccess").click(function () {
  $('#divClass p').addClass("success");
});

＆＃13;

.success{
 background: lightgreen;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divClass">
 <p>A</p>
 <p>B</p>
 <p>C</p>
 <p>D</p>
 <p>E</p>
 <p>F</p>
 <p>G</p>
</div>
<button id="btnClassPSuccess">Change Paragraphs to Success</button>

＆＃13;

我现在看到你的编辑：

$("#btnClassPSuccess").click(function () {
  $('#divClass p').addClass("success");
});

试试吧

使用jQuery更改html文档的类

2 个答案: