Получить кнопку внутри файла div javascript

#javascript #c# #html #asp.net #asp.net-mvc

#javascript #c# #HTML #asp.net #asp.net-mvc

Вопрос:

Я работаю над каким-то проектом MVC ASP .NET.

В моей папке View у меня есть файл Dashoboard.cshtml, который включает эту часть кода :

   <div id="something">
        <button type="button" class="btn btn-primary">Export To PDF</button>
    </div>  

Я прикрепил скрипт к файлу :

 <script src="~/Content/Scripts/js/dashboard.js"></script>
  

Я создал функцию onClick в файле javascript, которая откроет другой файл просмотра, но что-то не работает в моем коде.

 #("#something .button").on('click', function () {

//Do something...

})
  

Могу я получить какую — нибудь помощь ? Заранее спасибо!

Комментарии:

1. может быть опечатка. если вы хотели использовать jQuery, это должно быть $(<запрос>), а не #. Предполагая, что у вас есть jquery.

2. .кнопка ищет элемент с нужным вам классом button: #somthing .btn-primary в вашем селекторе

3. Есть некоторые ошибки. Это не #, это нотация $ jQuery. И class .button не существует.

Ответ №1:

Ваш выбор класса jQuery неверен. И вы используете a # вместо $ для jQuery. Измените JS на следующий.

 $("#something .btn-primary").on('click', function () {

//Do something...

})
  

Ответ №2:

 <html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  </head>
  <body>
    <div id="something">
      <button type="button" class="btn btn-primary">Export To PDF</button>
  </div>
 </body>
 <script>
   $("#something .btn").click( function () {
     console.log('do something')
   })
 </script>
</html>
  
  1. вы должны включить jquery, чтобы использовать функцию $(«#something .btn»)
  2. вы должны использовать имя класса или идентификатор для идентификации элемента.

Ответ №3:

Зачем использовать скрипт?

 <div>
   <a class="btn btn-primary" href="@Url.Action("myFunction", "myControler")"></a>
</div>
  

myFunction — это функция ActionResult в myControler, которая вызывает View.