angular.element($event.target).find('img') 如何修改图片的 src 路径
时间: 2024-02-21 11:00:37 浏览: 20
你可以通过以下代码修改图片的 src 路径:
```
angular.element($event.target).find('img').attr('src', 'your_new_src_path');
```
其中,`your_new_src_path` 是你想要设置的新的图片路径。
相关问题
angular.js 中$($event.target)拿到了<span>文字<img/></span> 修改span标签中的文字和img的路径
在AngularJS中,可以使用`angular.element()`方法代替jQuery的`$()`方法来获取元素。因此,可以使用以下代码来获取`$event.target`对应的元素:
```javascript
angular.element($event.target)
```
对于`<span>`元素中包含的文本和图片,您可以使用以下代码来分别获取它们的内容和路径:
```javascript
// 获取<span>元素中的文本内容
var text = angular.element($event.target).text();
// 获取<span>元素中的图片路径
var imgSrc = angular.element($event.target).find('img').attr('src');
```
其中,`.text()`方法用于获取`<span>`元素中的文本内容,`.find()`方法用于查找`<span>`元素中的`<img>`元素,`.attr('src')`方法用于获取`<img>`元素的`src`属性值。
然后,您可以使用以下代码来修改`<span>`元素中的文本内容和`<img>`元素的路径:
```javascript
// 修改<span>元素中的文本内容
angular.element($event.target).text('new text');
// 修改<span>元素中的图片路径
angular.element($event.target).find('img').attr('src', 'new img src');
```
需要注意的是,如果`$event.target`对应的元素不是`<span>`元素,或者其中没有包含`<img>`元素,上述代码可能无法正常工作。
angular.element($event.target) <div><span>{{text}}</span></div>修改text内容
如果你想在点击 `<span>` 标签时修改 `text` 变量的值,可以在 `<span>` 标签上添加一个 `ng-click` 指令,并在指令中调用一个函数来修改 `$scope.text` 变量的值。例如:
```html
<div><span ng-click="changeText($event)">点击我修改文本</span></div>
<div><span>{{text}}</span></div>
```
然后在控制器中定义 `changeText` 函数:
```javascript
app.controller('MyController', function($scope) {
$scope.text = '这是一个示例文本';
$scope.changeText = function(event) {
angular.element(event.target).text('新的文本内容');
};
});
```
在 `changeText` 函数中,我们获取了点击事件的目标元素,也就是 `<span>` 标签,然后使用 `angular.element` 方法将其转换为 AngularJS 的 jQuery-lite 对象,并使用 `.text()` 方法修改了其文本内容。这样,当点击 `<span>` 标签时,`text` 变量的值就会被修改为 `新的文本内容`,并在页面上显示出来。