Question

我有一个HTML div，使用id分配了不同的EJS属性。它看起来像这样：

HTML

<div id="<%= posts._id %>"></div>

此div在HTML中生成多次，具体取决于特定用户的帖子数量。每个div都有不同的posts._id。

我希望当用户点击div时，JQuery只对该特定div执行某些操作。其他div不应更改。如何根据特定id的{{1}}属性更改JQuery选择器？

JQuery的

div

Answer 1

您可以将CSS类添加到元素

<div id="<%= posts._id %>" class="posts"></div>

然后可以使用类选择器

附加事件处理程序

$(".posts").click(function(){
    var id = this.id;
});

我建议您使用自定义data-*属性来保留任意数据，即 postId ，可以使用data(key)重试

＆＃13;

$(".posts").click(function() {
  console.log($(this).data('id'))
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-id="100" class="posts">Click</div>

＆＃13;

Answer 2

那是refreshAccessToken() { let resultSubject: ReplaySubject<any> = new ReplaySubject<any>(); const url = this.AUTH_URL + 'oauth/token'; const requestOptions = { headers: new Headers({ authorization: 'Basic ' + btoa(this.clientId + ':' + this.clientSecret), 'Content-Type': 'application/x-www-form-urlencoded' }) }; const body = { grant_type: 'refresh_token', refresh_token: this.refreshToken, // scope: '' }; let params = this.utilityService.convertObjectToURLParams(body); this._http.post(url, params.toString(), requestOptions).subscribe( response => { let result = response.json(); // console.log('refreshed_access_token', result); this.accessToken = result.access_token this.refreshToken = result.refresh_token this.expireIn = result.expire_in resultSubject.next(this.accessToken); }, error => { resultSubject.error(error); } ); return resultSubject; }的用途。

为所有div提供一个公共classes，并使用此class在Javascript中选择它们：

<强> HTML

class

<强> JQuery的

<div id="<%= posts._id %>" class="common-class"></div>

Answer 3

你可以试试这个：

HTML

def update_m2m(self): if self.Servers != self._old_Servers: self.Status = 'C' self._old_Servers = self.Servers self.save()

JS 查找所有starting with <div id="post_<%= posts._id %>"></div>

post_

JQuery：动态更改JQuery选择器

3 个答案: