我试图单击一个以titleNotes
开头的ID和另一个以“ contentNotes”开头的ID时在屏幕上显示警报。我第一次尝试使用这种选择器是成功使用了.css("cursor", "pointer")
,所以我尝试在click事件中实现这种选择器,但这是行不通的。我的语法有问题吗?
这是我的剧本:
$(document).ready(function() {
$("#changeIcon").click(function() {
$(this).find("i").toggleClass("fa-th fa-list");
$("body").find("#gridContainerMain").toggleClass("grid-container-3 grid-container-1");
$("body").find("#fillerColumnTop").toggleClass("grid-item-whole-column-filler-3-grid-container-state grid-item-whole-column-filler-1-grid-container-state");
});
$("[id^='titleNotes'],[id^='contentNotes']").css("cursor", "pointer");
$("[id^='titleNotes'],[id^='contentNotes']").click(function() {
alert("try"); //this is not alerting the user
});
$("[id^='deleteNotes']").click(function() {
var id = $(this).closest('div').attr('id');
console.log(id);
$.ajax({
url: "ajax/deleteidentifier.php",
type: "post",
data: {
id: id
}
})
.done(function(response){
if (JSON.parse(response)) {
alert("Moved to deleted folder.");
window.location.reload();
}
else {
alert("Failed!");
}
});
});
});
```
and here's the php code that contains the IDs in which the script would try to find
```
<?php
include "db.php";
$sql_display_notes = "SELECT * FROM notes WHERE user_id = '$account_id' AND archived_status = 'n' AND deleted_status = 'n'";
$query_sql_display_notes = $conn->query($sql_display_notes);
while ($result_query_sql_display_notes = $query_sql_display_notes->fetch_array()) {
$note_record = $result_query_sql_display_notes["note_record"];
$note_type = $result_query_sql_display_notes["note_type"];
$note_title = $result_query_sql_display_notes["note_title"];
$date_created = $result_query_sql_display_notes["date_created"];
$note_id = $result_query_sql_display_notes["note_id"]
?>
<div class="grid-padding-all" id="<?php echo $note_id; ?>">
<button type="button" id="deleteNotes<?php echo $note_id; ?>" class="close" data-dismiss="modal">×</button>
<input name="note_title" id="titleNotes<?php echo $note_id; ?>" class="note_display" disabled="" value="<?php echo $note_title ?>" title="created on <?php echo $date_created; ?>. Note type: <?php echo $note_type; ?>">
</input>
<textarea name="note_record" id="contentNotes<?php echo $note_id; ?>" class="note_display" disabled=""title="created on <?php echo $date_created; ?>. Note type: <?php echo $note_type; ?>"><?php echo $note_record; ?></textarea>
</div>
<?php
}
?>