parent-child 相关问题

我正在创建一个 Todo 应用程序，但我对 JavaScript 还很陌生，我在使用类删除已完成的任务时遇到问题 (todos)li.checked 在用户输入的innerHTML 中找到。我正在创建一个 Todo 应用程序，我对 JavaScript 还很陌生，我在使用类删除已完成的任务时遇到问题 (todos)li.checked 在用户输入的innerHTML 中找到。 <div class="todo-container"> <ul class="todo-list"> */<li class="checked">completed task</li> <li>Uncompleted task</li>*/ </ul> </div> <div class="btn" onclick="deletecompletedTask()> deleteAll</div> JS const btn = document.querySelector(".btn"); const todoContainer = document.querySelector('.todo-container'); const todolist = document.querySelector('.todo-list); //Delete completed task function deletecompletedTask(){ todoContainer.innerhtml = document.getElementByClassName('checked'); todoContainer.removeChild(todoContainer.firstChild); } 解释嗨，我认为要实现你想要的，你不应该设置innerhtml，而是使用删除功能。这里对您的脚本进行了一些修改，它首先会查找类标记为 “checked” 的所有元素。然后，我们将使用 "forEach" 循环来删除所有它们。 HTML <div class="todo-container"> <ul class="todo-list"> */<li class="checked">completed task</li> <li>Uncompleted task</li>*/ </ul> </div> <button id="deleteBtn" class="btn"> deleteAll</button> Javascript // loop through all the .checked element and remove them function deletecompletedTask() { document.querySelectorAll(".checked").forEach(function(e) { e.remove(); }); } // add event listener to delete button let btn = document.getElementById("deleteBtn").addEventListener("click", function() { deletecompletedTask(); });

javascript function parent-child innerhtml nodelist

回答 1 投票 0

拖放，拖放被他的孩子挡住了，如何避免？

会尽力变得更加简洁和清晰。制作游戏时，我确实使用拖放操作，但想将其放在“面板”上，然后将其添加到同一面板中的列表中。嗯，它已经可以工作了

drag-and-drop parent-child godot gdscript

回答 1 投票 0

哪个子类扩展了父类

假设我有以下 JavaScript 代码类父级{ 构造函数 () { console.log("父级"); } } 类 Child1 扩展 Parent { 构造函数（）{ console.log("子 1&

javascript class inheritance parent-child es6-class

回答 1 投票 0

当状态从子组件更新时，状态挂钩更改不会重新渲染父组件

我有一个父组件和一个子组件。子组件是基于父状态值 props 渲染的弹出窗口。子组件是一个弹出窗口，可以完美地呈现来自...的初始消息

reactjs react-native react-hooks parent-child react-props

回答 1 投票 0

Gitlab 将值从子管道传递到父管道

我有一个 monorepo，每个包都应该构建为 docker。当所有更改的包都进行了 dockerized 后，我想使用 helmfile 进行部署我为每个触发

gitlab gitlab-ci parent-child pipeline

回答 2 投票 0

如何在 Woocommerce 中正确更改文件 html-order-items.php

我需要对位于路径的文件进行一些小更改： wp-content/plugins/woocommerce/includes/admin/meta-boxes/views/html-order-items.php。您能告诉我有哪些选择吗

php wordpress woocommerce themes parent-child

回答 1 投票 0

空手道：检查一个元素是否位于另一个元素下方

我有这个html： ... 我有这个html： <div> <div> <select attribute = "first select"> <option1></option> <option1></option> </select> </div> <div> <div> <div> <select attribute = "second select"> <option1></option> <option1></option> </select> </div> <div> 我可以检查空手道中的“第二个选择”是否低于“第一个选择”吗？假设您的 HTML 是： <div> <div> <select class="first select"> <option></option> <option></option> </select> </div> </div> <div> <div> <select class="second select"> <option></option> <option></option> </select> </div> </div> 然后这就会起作用： * def data = scriptAll('select', "_.getAttribute('class')") * print 'data:', data * def firstIndex = data.findIndex(x => x.includes('first')) * def secondIndex = data.findIndex(x => x.includes('second')) * print 'firstIndex:', firstIndex, 'secondIndex:', secondIndex * assert firstIndex < secondIndex 我个人不喜欢这类测试。但你明白了，如果你将 HTML 转换为 JSON，那么你可以对其进行一些分析。

select parent-child karate

回答 1 投票 0

SQLAlchemy 不会引发异常

我正在尝试将子类附加到父类中。问题是，即使我故意犯错误，代码也不会抛出异常，但不起作用。我尝试过，在 IDE 中没有发现任何错误

python error-handling sqlalchemy parent-child asyncpg

回答 1 投票 0

PostgreSQL：选择材料及其所有父类别

我有两张桌子类别 - ID - 姓名 --ParentCategoryId（引用类别表列 Id）材料 - ID - 姓名 --CategoryId（参考Category表列Id）我要选择

postgresql parent-child with-clause

回答 1 投票 0

请帮我理解父元素

所以请耐心等待。如果已经有一个 div className 作为应用程序，为什么我需要员工片段？它不是已经在单个父元素下了吗所以请耐心等待。如果已经有一个 div className 作为应用程序，为什么我需要员工片段？它不是已经在单个父元素下了吗<div className = "app> return ( <div className="app"> { showEMployees ? <> <Employee /> <Employee /> <Employee /> </> : <p> YO YOU CANT ACCESS IT BRO</p> } </div> ); 我尝试删除 div classname 应用程序，但它说它仍然需要父元素。我删除了该片段，它说的是同样的事情。从技术上讲：因为底层 JavaScript 中没有语法元素可以容纳三个相邻元素。 /* @jsx r */ <div> {showEMployees ? ( <> <Employee /> <Employee /> <Employee /> </> ) : ( <p> YO YOU CANT ACCESS IT BRO</p> )} </div> 编译为 r( "div", null, showEMployees ? r( React.Fragment, null, r(Employee, null), r(Employee, null), r(Employee, null), ) : r("p", null, " YO YOU CANT ACCESS IT BRO"), ); 看看如何注入 React.Fragment 元素来容纳孩子？如果您没有使用片段，它会编译为 (r(Employee, null), r(Employee, null), r(Employee, null)) 这只是逗号运算符，最终你只会得到一个 Employee 元素。您也不应该将数组用于静态数量的元素。

javascript html reactjs parent-child

回答 1 投票 0

vue.js @emit 未被父级拾取

在我的应用程序中，我在 ManageCards 组件中有一个表单，其中包含一个子组件 ImageUpload，该子组件向父组件发送图像文件及其本地 url： ... 在我的应用程序中，我的 ManageCards 组件中有一个表单，其中包含一个子组件 ImageUpload，该子组件向父组件发送图像文件及其本地 url： <form class="mb-3" > <div class="form-group"> <h4>{{card.description}}</h4> <textarea class="form-control" :placeholder="card.description" v-model="card.description"> </textarea> </div> <div> <img v-if="card.picture" class="img-circle" style="width:150px" v-bind:src="card.picture"/> </div> <div id="preview"> <h4> Preview</h4> <ImageUpload :imgUrl="url" @newPicture="updatePicture"></ImageUpload> <button @click="addCard" type="button" class="btn btn-primary btn-block" style="color:white">Save</button> </form> De addCard 方法调用 POST 命令向 api 发送信息： addCard(){ const formData = new FormData(); formData.append('title',this.card.title); formData.append('description',this.card.description); formData.append('imagefile',this.selectedFile); formData.append('game_id',this.currentGame.id); SelectedFile 和 card.picture 应由发出的 updatePicture 方法填充： updatePicture(imageData){ console.log("emit ontvangen"); this.selectedFile = imageData.file; this.card.picture = imageData.picture; } ImageUpload 组件本身看起来像： <template> <div class="Image-Upload-wrapper Image-upload"> <div> <input type="file" v-on:change="onFileChange" ref="fileUpload" id="file_picture_input"> <label for ="file_picture_input" class="upload_picture_button"> Kies afbeelding</label> </div> <div id="croppie"> </div> <div class="upload-wrapper"> <button type="button" class="btn btn-primary btn-sm" v-on:click="setImage"> SetImage!  Set image </button> </div> </div> </template> <script> // uitleg over Croppie::https://www.youtube.com/watch?v=kvNozA8M1HM import Croppie from 'croppie'; export default { props:[ 'imgUrl' ], mounted(){ this.setUpCroppie() }, data(){ return{ croppie:null, croppieImage:'', selectedFile:'', picture:'', url:'', } }, methods:{ setUpCroppie(){ let el = document.getElementById('croppie'); this.croppie = new Croppie(el, { viewport:{width:200,height:200,type:'circle'}, boundary:{ width:220,height:220}, showZoomer:true, enableOrientation: true }); this.croppie.bind({ url:this.url }); }, setImage(){ this.croppie.result({ type:'canvas', size:'viewport' }) .then(blob =>fetch(blob)) .then(res => {return res.arrayBuffer();}) .then(buf => {return new File([buf], this.croppieImage.name, {type:'image/png'});}) .then(file => { this.croppieImage = file; this.picture = URL.createObjectURL(this.croppieImage); const imageData={ picture:this.picture, file: this.croppieImage }; console.log("klaar voor emit...?"); this.$emit('newPicture', imageData); this.url=''; }) }, onFileChange(e){ if (e.target.files && e.target.files.length > 0) { this.selectedFile = e.target.files[0]; console.log("gekozen file is: " + this.selectedFile.name); this.url = URL.createObjectURL(this.selectedFile); this.croppie.bind({ url: this.url }); } else { // Geen afbeelding geselecteerd, instellen op een standaardwaarde (bijv. een lege string) this.selectedFile = null; this.url = ''; } } }, } </script> 在控制台中，我确实看到：“klaar voor emmit...？”，来自 chold 组件中的 setImage 方法。我没有从父级的emit方法中看到“emit ontvangen”。因此，POST 命令的必填字段也未填充。任何人都可以看到我犯了什么（可能是愚蠢的）错误吗？子元素需要声明emit。选项API export default { emits: ['first-emit-name', 'second-emit-name'], } 组合API const emits = defineEmits(['first-emit-name', 'second-emit-name'])

vue.js parent-child emit

回答 1 投票 0

有没有办法访问 python tkinter 中 PanedWindow 包含的组件？

我必须访问 tkinter.PanedWindow 包含的组件，以便我可以使用 update() 方法修改 ttkbootsatrap.Meter 的 amountused 值。有没有类似的功能

python swing tkinter parent-child ttkbootstrap

回答 1 投票 0

Wordpress：一个页面可以有两个父页面吗？

我正在使用 Wordpress.org 开发一个小型网站，并希望多个家长共享一个子页面。目的是让访问该网站的用户将例如关联“租赁援助”......

wordpress wordpress-theming parent-child

回答 4 投票 0

Django Models - 获取父级 BaseModel 类中所有对象的函数

类 BaseModel(models.Model): id = models.AutoField(primary_key=True) import_id = models.CharField(max_length=200, 空白=True, null=True) 类元：抽象=真实定义